Este é um exemplo de como você pode configurar um site estático com o Next.js nos serviços de hospedagem de sites estáticos da Kinsta a partir de um repositório do GitHub.

O Next.js é um framework do React para a web. Mais informações estão disponíveis no site nextjs.org.

Você também pode usar este template de início rápido na Hospedagem de Aplicativos da Kinsta sem nenhuma configuração adicional. Se você usar a Hospedagem de Aplicativos, o Comando start pode ser deixado em branco para o processo web, já que a Kinsta detecta automaticamente o comando necessário durante a primeira implantação.

Durante o processo de implantação, a Kinsta instala automaticamente as dependências definidas em seu arquivo package.json.

  1. Faça login no GitHub e crie um novo repositório a partir deste template (Use this template > Create a new repository): Kinsta – Hello World – Site estático com Next.js
  2. No MyKinsta, adicione um site estático com o repositório Hello World Next.js. As Configurações de build podem ser preenchidas automaticamente; verifique se elas correspondem ao seguinte e altere-as, se necessário:
    • Comando build: npm run build
    • Versão do Node: 16.20.0
    • Diretório de publicação: out
  3. O site estará disponível assim que a build for concluída, e a página Next.js padrão será carregada na URL do seu site.
Página padrão do Next.js após a implantação bem-sucedida do Next.js.
Página padrão do Next.js após a implantação bem-sucedida do Next.js.

Ciclo de vida da implantação

Sempre que uma implantação é iniciada (por meio da criação de um site estático ou da reimplantação devido a uma confirmação de entrada), o comando build é executado, seguido pela implantação do conteúdo do Diretório de Publicação.