Desdobrar o Nuxt com o Vercel

Como desdobrar uma aplicação Nuxt com o Vercel?

Site estático com o Vercel

Se você gostaria de fazer deploy um site estático no Vercel, nenhuma configuração é necessária. O Vercel detetará que você está usando o Nuxt e ativará as definições corretas para o seu deployment. Para mais informações, consulte este guia do Vercel .

SSR com Vercel

Para desdobrar um tempo de execução (runtime) sem servidor (serverless) do Nuxt com o Vercel , a equipa do Nuxt e os colaboradores têm produzido um pacote oficial @nuxtjs/vercel-builder .

Tudo o que tem de fazer é configurar o ficheiro vercel.json:

{
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/vercel-builder",
      "config": {}
    }
  ]
}

Consulte a documentação para obter mais informações.

Service Worker com o módulo Nuxt PWA

Para evitar o 404 para os Service Workers, certifique-se de incluir sw às configurações de rotas.

{
  "version": 2,
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/vercel-builder",
      "config": {
        "serverFiles": ["package.json"]
      }
    }
  ],
  "routes": [
    {
      "src": "/sw.js",
      "continue": true,
      "headers": {
        "Cache-Control": "public, max-age=0, must-revalidate",
        "Service-Worker-Allowed": "/"
      }
    }
  ]
}

Você pode aprender mais e consultar exemplos no https://github.com/nuxt/vercel-builder