Vercel

使用 Git 部署

1. 將您的程式碼推送到您的 git 儲存庫 (GitHub, GitLab, Bitbucket)。
2. 將您的專案匯入到 Vercel。
3. Vercel 將偵測到您正在使用 Nitro，並為您的部署啟用正確的設定。
4. 您的應用程式已部署！

在您的專案匯入和部署後，所有後續推送到分支的操作將產生預覽部署，而對生產分支（通常為 “main”）所做的所有變更都將導致生產部署。

了解更多關於 Vercel 的 Git 整合。

Vercel Edge Functions

可以直接在 Vercel Edge Functions 上部署您的 Nuxt 應用程式。

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 Storage

您可以輕鬆地將 Vercel KV Storage 與 Nuxt Server Storage 一起使用。

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

   npm i @vercel/kv
   

2. 更新您的 nuxt.config
   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 內部的 nitro.vercel.config 鍵來提供額外的 建置輸出配置。它將與內建的自動產生配置合併。

範本

了解更多