教學Node.jsSvelte Kit

部署 Svelte Kit 專案

在 Zeabur 上部署你的 Svelte Kit 專案。

第一步: 建立 Svelte Kit 專案（可選）

打開終端機，輸入

npm create svelte@latest

接下來，你需要安裝套件：

pnpm install

建立完畢後，為其初始化一個 Git 儲存庫並部署到你的 GitHub 上。

第二步：設定 @zeabur/svelte-adapter

接下來，你需要安裝 @zeabur/svelte-adapter：

pnpm add -D @zeabur/svelte-adapter

然後，打開 svelte.config.js，並將其內容改為：

import adapter from '@zeabur/svelte-adapter'; // <-- 注意這裡
 
export default {
  kit: {
    adapter: adapter()
  }
}

第三步：部署 Svelte Kit 專案

方法一：使用 Zeabur CLI

首先，確保你已經按照 Zeabur CLI 的指南安裝好了 Zeabur CLI。

然後，在你剛初始化好的 Svelte Kit 專案中，將尚未提交到版本控制的檔案加入到 Git 中。

git add -A
git commit -m "Initial commit"

接著，使用下面的指令部署你的服務。

zeabur

方法二：使用 Zeabur 控制台

在你的專案中，點選 Deploy service 或者 Add new service 按鈕，並選擇 Deploy your source code.

deploy

搜尋想要部署的 Svelte Kit 程式碼儲存庫，並點選匯入，你的 Svelte Kit 應用程式就將自動開始部署。

第四步：綁定網域

部署完成後，你可能需要為你的網站配置網域。

打開服務頁面的「網路」分頁，然後點選「產生網域」或「自定義網域」。

關於如何為你的服務綁定網域的更多資訊，請參考 綁定網域。

RemixUmi