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.
- 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
- 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.
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.