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 边缘网络上部署，使您能够将服务器端逻辑移动到靠近访问者源的边缘。边缘函数使用 Vercel 边缘运行时，该运行时基于与 Chrome 浏览器使用的相同的高性能 V8 JavaScript 和 WebAssembly 引擎构建。通过利用这个小型运行时，边缘函数可以比无服务器函数拥有更快的冷启动和更高的可扩展性。边缘函数在缓存之后运行，并且可以缓存和返回响应。阅读更多

为了启用此目标，请设置以下环境变量

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 键。它将与内置自动生成的配置合并。

模板

了解更多