應用程式架構
- svelte:
svelte本身並不提供應用程式架構，開發者需要自行設計組件結構和路由。 - @sveltejs/kit:
@sveltejs/kit提供了一個完整的應用程式架構，支持伺服器端渲染、靜態生成和客戶端渲染，並且內建路由系統。
路由
- svelte:
svelte本身不提供路由功能，開發者可以使用第三方路由庫（如 svelte-routing）來實現。 - @sveltejs/kit:
@sveltejs/kit內建路由系統，基於檔案系統自動生成路由，支持動態路由和嵌套路由。
伺服器端渲染（SSR）
- svelte:
svelte本身不支持伺服器端渲染，需搭配其他工具或框架實現。 - @sveltejs/kit:
@sveltejs/kit原生支持伺服器端渲染，能夠在伺服器上預先渲染頁面，提升 SEO 和首屏加載速度。
靜態網站生成（SSG）
- svelte:
svelte本身不支持靜態網站生成，需搭配其他工具或框架實現。 - @sveltejs/kit:
@sveltejs/kit支持靜態網站生成，能夠在構建階段預渲染所有頁面，生成靜態 HTML 文件。
API 處理
- svelte:
svelte本身不提供 API 處理功能，需搭配後端服務實現。 - @sveltejs/kit:
@sveltejs/kit提供 API 路由處理功能，開發者可以在專案中輕鬆創建 API 端點。
代碼示例
- svelte:
使用
svelte創建簡單的組件<script> export let name; </script> <h1>Hello {name}!</h1> - @sveltejs/kit:
使用
@sveltejs/kit創建簡單的 API 端點// src/routes/api/hello.js export function get() { return { status: 200, body: { message: 'Hello from SvelteKit!' } }; }