Este é um exemplo de como configurar um aplicativo Gatsby para implantar os serviços de Hospedagem de Aplicativos ou Sites Estáticos da Kinsta a partir de um repositório do GitHub.

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

Hospedagem de site estático

  1. Faça login no GitHub e crie um novo repositório a partir deste modelo (Use this template > Create a new repository): Kinsta – Hello World – Site Estático com Gatsby
  2. No MyKinsta, adicione um site estático com o repositório Hello World Gatsby e as seguintes configurações de build:
    • Comando de build: npm run build
    • Versão do Node: 18.16.0
    • Diretório de publicação: public
  3. O site estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta ser carregada na URL do seu site.

Hospedagem de aplicativos

  1. Faça login no GitHub e crie um novo repositório a partir deste modelo (Use this template > Create a new repository): Kinsta – Hello World – Site estático com Gatsby
  2. No MyKinsta, adicione um aplicativo com o repositório Hello World Gatsby. O Comando Start pode ser deixado em branco para o processo web já que Kinsta detecta automaticamente o comando necessário durante a primeira implantação.

Configuração do servidor web

Porta

Kinsta define automaticamente a variável de ambiente PORT. Você não precisa defini-la ou codificá-la no aplicativo. O pacote de serviço utiliza automaticamente a porta definida por Kinsta.

Comando Start

Quando você implanta o aplicativo, Kinsta cria automaticamente um processo web com npm start como o Comando Start.

Ciclo de vida da implantação

Sempre que uma implantação é iniciada (através da criação de um aplicativo ou re-implantação devido a um commit recebido), o comando npm build é executado, seguido pelo comando npm start.

Página de Boas-vindas

O aplicativo ou site está disponível assim que a build é concluída, e uma página padrão do Gatsby será carregada na URL do seu aplicativo.

Página padrão do Gatsby após a implantação do Gatsby.
Página padrão do Gatsby após a implantação do Gatsby.