高效能全端網頁應用程式框架SvelteKit達1.0

歷經兩年的開發，全端網頁應用程式框架SvelteKit終於達到1.0版本，這代表開發者已經可以將SvelteKit用於開發產品應用程式。SvelteKit提供有別於傳統框架的開發靈活性，並且可以被部署到包括無伺服器服務等任何JavaScript環境。

SvelteKit建構在Svelte之上，而Svelte是一個近年新興的熱門UI元件框架，能夠將來源編譯成為最小，且具高度最佳化的JavaScript，提供開發者一種有別於傳統的方式，來建構網頁應用程式，與React和Vue等這類框架不一樣的是，React和Vue框架會在使用者的瀏覽器，執行需要處理的工作，而Svelte則是將這些工作帶到編譯階段處理，如此便能夠在建置應用程式的時候，生成經高度最佳化的JavaScript應用程式。

使用Svelte元件框架，雖然讓開發者能夠更簡單地直接建構用戶介面，但是需要解決的問題也更多，包括開發者要學習建構原始碼、添加伺服器渲染，甚至是處理資料的方法等，而應用程式框架SvelteKit的目的，便是要解決這些問題，滿足Svelte開發者建置生產應用程式的需求。

SvelteKit與傳統多頁面應用程式架構不同，在初始伺服器渲染頁面載入後，預設替客戶端導覽，而這將可以實現更快的頁面轉換，以及在頁面間保存狀態，並且使用更少的資料，而且也避免在每次頁面載入時，重新執行第三方腳本。

傳統的伺服器框架便需要一個程式生成HTML，另一個在客戶端運作，在SvelteKit中，開發者可以只使用一種語言進行開發，而不是使用兩個語言，開發緊密結合的應用程式，。SvelteKit能夠在任何JavaScript環境運作，因此開發者可以將應用程式部署到傳統的節點伺服器，或是使用無伺服器服務，在邊緣執行。

SvelteKit也與靜態網站生成器不同，用戶可以使用個人化或是動態資料建置應用程式，不用等到頁面載入後，才透過瀏覽器獲取資料，因此不會影響效能，或是使布局產生變化。

SvelteKit也使得開發者能夠更零活地建構應用程式，官方提到，許多框架都預設一種正確建構應用程式的方法，而無論是靜態或是伺服器端渲染的選擇，在SvelteKit都沒有絕對，用戶可以根據需要，綜合選擇要使用的方法，像是在用戶查看的頁面使用預渲染的方式呈現，而REPL則是以動態資料渲染。

SvelteKit使用高效能建構工具Vite，支援熱模組重新載入和各種TypeScript相依項目，開發者可以從Vite和Rollup生態系中安裝套件。在開發者創建SvelteKit專案時，就能夠選擇將TypeScript、ESLint、Prettier、Playwright和Vitest等工具添加到專案中，還能夠使用NPM套件。

要使用SvelteKit CLI，開發者需要在本地安裝Node.js，但框架本身不相依於任何平臺，應用程式可以被安裝至任何執行JavaScript的環境。