SvelteKit • 精簡的 Web 開發框架

精簡的 Web 開發

閱讀文件

快速

由 Svelte 和 Vite 提供支援，速度融入每個細節：快速設定、快速開發、快速建置、快速載入網頁、快速導覽。我們有提到它很快嗎？

有趣

不再浪費時間弄清楚套件管理程式設定、路由、SSR、CSP、TypeScript、部署設定和所有其他無聊的事情。快樂地編寫程式碼。

彈性

SPA？MPA？SSR？SSG？沒問題。SvelteKit 提供工具，讓您無論建置什麼都能成功。而且它可以在任何執行 JavaScript 的地方執行。

親自看看

在本地端試試看，在 StackBlitz 上，或使用互動教學。

終端機

npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

/ˈsvɛlt/ 形容詞迷人、纖細、優雅且時尚

觀看完整的 Svelte 起源紀錄片

SvelteKit 建構在 Svelte 上，Svelte 是 UI 架構，使用編譯器讓您撰寫令人驚嘆的簡潔元件，在瀏覽器中執行最少的工作，使用您已經知道的語言 — HTML、CSS 和 JavaScript。這是寫給 Web 開發的情書。

但不要只聽我們說。開發人員始終將 Svelte 排名為他們最興奮想使用的架構。

功能？我們有。

混合搭配 預先渲染 的頁面以獲得最大效能，搭配動態 伺服器端渲染 以獲得最大彈性。使用一行程式碼將你的應用程式轉換成由客戶端渲染的 PWA，適用於整個應用程式或單一頁面。使用可存取的 客戶端路由，並自動 預載入，以實現順暢、即時的導覽，而不會重新載入整個頁面（以及你的分析資料和所有其他垃圾）。使用自動 CSRF 保護 和易於使用的 內容安全政策 設定來保護你的使用者。使用進階 環境變數 處理來保護你的機密。優雅且 安全地 處理錯誤。直接從你的資料庫 載入資料，並使用 類型安全 資料載入和內建 表單動作 將你的後端連接到你的前端，這些動作無論有無 JavaScript 都能運作。在同一個頁面上與其他客戶端路由架構共存。新增服務工作者以獲得離線支援。如果你真的需要，可以產生 符合 AMP 的頁面。使用異常強大的 基於檔案系統的路由 建構複雜的使用者介面。巢狀版面？當然。學習跨環境運作的 網路標準。與 Tailwind 和 Playwright 和 Vitest 和 Storybook 整合，以及任何你想要的。建構 程式庫 和應用程式。使用適配器 隨處部署。