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

Astro é um construtor de sites estáticos que se concentra em sites ricos em conteúdo para oferecer tempos de carregamento mais rápidos com menos JavaScript. Mais informações estão disponíveis no site do Astro.

Durante o processo de implantação, 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 Astro
  2. No MyKinsta, adicione um site estático com o repositório Hello World Astro 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: dist
  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 Astro
  2. No MyKinsta, adicione um aplicativo com o repositório Hello World Astro. O Comando Start pode ser deixado em branco para o processo web, pois Kinsta detecta automaticamente o comando necessário durante a primeira implantação.
  3. O aplicativo estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta ser carregada na URL do seu aplicativo.

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 estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta ser carregada na URL do seu aplicativo ou do seu site estático.

Página de boas-vindas da Kinsta após a implantação bem-sucedida do Astro.
Página de boas-vindas da Kinsta após a implantação bem-sucedida do Astro.