Vercel

使用 Git 部署

1. 將您的程式碼推送到您的 git 倉庫（GitHub、GitLab、Bitbucket）。
2. 匯入您的專案到 Vercel。
3. Vercel 會檢測到您正在使用 Nitro，併為您的部署啟用正確的設定。
4. 您的應用程式已部署！

在您的專案匯入並部署後，所有後續推送到分支的操作都將生成預覽部署，並且對生產分支（通常是“main”）所做的所有更改都將導致生產部署.

瞭解更多關於 Vercel 的Git 整合.

Vercel Edge Functions

可以直接在Vercel Edge Functions.

Vercel Edge Functions 允許您以速度和個性化向網站訪問者提供內容。它們預設在全球範圍內部署在 Vercel 的 Edge Network 上，使您能夠將伺服器端邏輯移動到靠近訪問者來源的 Edge。Edge Functions 使用 Vercel Edge Runtime，該執行時基於與 Chrome 瀏覽器使用相同的高效能 V8 JavaScript 和 WebAssembly 引擎構建。透過利用這個小型執行時，Edge Functions 可以比 Serverless Functions 具有更快的冷啟動和更高的可擴充套件性。Edge Functions 在快取之後執行，並且可以快取和返回響應。閱讀更多

為了啟用此目標，請設定以下環境變數

SERVER_PRESET=vercel_edge

或者將構建命令更新為 nuxt build --preset=vercel_edge。

Vercel KV 儲存

您可以輕鬆使用Vercel KV 儲存與 Nuxt 伺服器儲存。

1. 安裝 @vercel/kv 依賴項
   終端

   npm i @vercel/kv
   

2. 更新您的 nuxt.config.ts
   nuxt.config.ts

   export default defineNuxtConfig({
     nitro: {
       storage: {
         data: {
           driver: 'vercelKV'
           /* Vercel KV driver options */
         }
       }
     }
   })
   

現在您可以在 server/ 目錄中的任何位置訪問您的資料儲存

export default defineEventHandler(async (event) => {
  const dataStorage = useStorage('data');
  await dataStorage.setItem('hello', 'world');

  return {
    hello: await dataStorage.getItem("hello"),
  }
})

自定義構建輸出配置

您可以提供額外的構建輸出配置使用 nuxt.config.ts 中的 nitro.vercel.config 鍵。它將與內建自動生成的配置合併。

模板

瞭解更多