教學
Svelte 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 應用程式就將自動開始部署。

第四步:綁定網域

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

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

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