← Pagina Inicial

Implantando o aplicativo Next.js

1 - 2 - 3 - 4 - 5 - 6 - 7

Next.js e Vercel

O Vercel é fabricado pelos criadores do Next.js e tem suporte de primeira classe para o Next.js. Quando você implanta o aplicativo Next.js no Vercel, o seguinte acontece por padrão:

• As páginas que usam Geração estática e ativos (JS, CSS, imagens, fontes etc.) serão automaticamente veiculadas na Vercel Edge Network, que é extremamente rápida.

• As páginas que usam renderização no Server-Side e rotas de API se tornarão automaticamente funções Serverless. Isso permite que a renderização da página e as solicitações da API sejam escaladas infinitamente.

O Vercel possui muitos outros recursos, como:

• Domínios personalizados: depois de implantado no Vercel, você pode atribuir um domínio personalizado ao seu aplicativo Next.js. Dê uma olhada na nossa documentação aqui.

• Variáveis de ambiente: você também pode definir variáveis de ambiente no Vercel. Dê uma olhada na nossa documentação aqui. Você pode usar essas variáveis de ambiente no seu aplicativo Next.js.

• HTTPS automático: o HTTPS é ativado por padrão (incluindo domínios personalizados) e não requer configuração extra. Renovamos automaticamente os certificados SSL.

Leia nossa documentação para saber mais sobre a plataforma Vercel.

Visualizar implantação para cada push

Os passos abaixo são opcionais - você pode experimentar ou apenas ler.

Após a implantação no Vercel, tente o seguinte, se puder:

• Crie uma nova ramificação no seu aplicativo.

• Faça algumas alterações e envie para o GitHub.

• Crie uma nova solicitação de recebimento (página de ajuda do GitHub).

Você deve ver um comentário do bot now na página de solicitação de recebimento.

Tente clicar no URL de visualização dentro deste comentário. Você deve ver as alterações que acabou de fazer.

Quando você tem uma solicitação de recebimento aberta, o Vercel cria automaticamente uma implantação de visualização para essa ramificação a cada envio. O URL de visualização sempre apontará para a implantação de visualização mais recente.

Você pode compartilhar esse URL de visualização com seus colaboradores e obter feedback imediato.

Se sua implantação de visualização parecer boa, mescle-a para master. Quando você faz isso, o Vercel cria automaticamente uma implantação de produção.

Desenvolver, Visualizar, Enviar

Acabamos de analisar o fluxo de trabalho que chamamos de DPS: Develop, Preview, and Ship.

• Desenvolver: escrevemos código no Next.js e usamos o servidor de desenvolvimento Next.js. em execução para aproveitar o recurso de recarga a quente.

• Preview: introduzimos alterações em uma branch no GitHub, e a Vercel criou uma implantação de visualização disponível por meio de um URL. Podemos compartilhar esse URL de visualização com outras pessoas para obter feedback. Além de fazer revisões de código, você pode fazer visualizações de implantação.

• Ship: mesclamos a solicitação master de recebimento a ser enviada para produção.

É altamente recomendável usar esse fluxo de trabalho ao desenvolver aplicativos Next.js. Isso ajudará você a iterar seu aplicativo mais rapidamente.

← Pagina Inicial