Este é um exemplo de como configurar um site estático com Astro nos serviços de Hospedagem de Aplicativos da Kinsta.

Astro é uma framework web tudo em um para construir sites rápidos e focados no conteúdo, com as seguintes características-chave:

  • Component Islands: Uma nova arquitetura web para construir sites mais rápidos.
  • Design de API Server-first: Para afastar a hidratação cara dos dispositivos dos usuários.
  • Zero JS, por padrão: Sem sobrecarga de tempo de execução JavaScript para diminuir à sua velocidade.
  • Zero JS, predefinito: Implante em qualquer lugar, até mesmo um tempo de execução edge global como Deno ou Cloudflare.
  • Personalizável: Tailwind, MDX, e mais de 100 outras adições para escolher.
  • UI-agnostic: Suporta React, Preact, Svelte, Vue, Solid, Lit, e muito mais.

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.

  1. Crie um novo repositório a partir deste template (Usar este template > Criar um novo repositório): 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.

O aplicativo estará disponível e a página “Hello Astronaut” será carregada no URL do aplicativo.

Página Hellow Astronaut após instalação bem-sucedida.
Página Hellow Astronaut após instalação bem-sucedida.

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.