Jump to content

Vercel

Recomendamos fazer o deploy de sua aplicaĆ§Ć£o na Vercelā†—. Isso facilita muito o deploy de sua aplicaĆ§Ć£o Next.js.

ConfiguraĆ§Ć£o do projeto

A Vercel provavelmente configurarĆ” seu comando de build e publicarĆ” o diretĆ³rio automaticamente. No entanto, vocĆŖ tambĆ©m pode especificar essas informaƧƵes junto com outras configuraƧƵes criando um arquivo chamado vercel.jsonā†— e incluindo os seguintes comandos:

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "devCommand": "npm run dev",
  "installCommand": "npm install"
}

Usando o painel de controle da Vercel

  1. Depois de enviar seu cĆ³digo para um repositĆ³rio GitHub, faƧa login na Vercelā†— com o GitHub e clique em Add New Project.

Novo projeto no Vercel

  1. Importe o repositĆ³rio GitHub com seu projeto.

Importar repositĆ³rio

  1. Adicione suas variƔveis de ambiente.

Adicionar variƔveis de ambiente

  1. Clique em Deploy. Agora, sempre que vocĆŖ enviar uma alteraĆ§Ć£o ao seu repositĆ³rio, a Vercel reimplementarĆ” automaticamente seu aplicativo!

Usando a CLI da Vercel

Para fazer deploy a partir da linha de comando, vocĆŖ deve primeiro instalar a CLI da Vercel globalmenteā†—.

npm i -g vercel

Execute o comando vercelā†— para implantar seu projeto.

vercel

Inclua --env DATABASE_URL=YOUR_DATABASE_URL_HERE para variĆ”veis de ambiente como a string de conexĆ£o do banco de dados. Use --yes se quiser pular as perguntas de implantaĆ§Ć£o e dar a resposta padrĆ£o para cada uma.

vercel --env DATABASE_URL=YOUR_DATABASE_URL_HERE --yes

ApĆ³s o primeiro deploy, esse comando o farĆ” em um branch de preview. VocĆŖ precisarĆ” incluir --prod para enviar alteraƧƵes diretamente para a produĆ§Ć£o.

vercel --prod