Configurando um Site Estático com o Eleventy na Kinsta

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

O Eleventy é um gerador de sites estáticos baseado em JavaScript que facilita para os desenvolvedores a criação de sites rápidos, modernos e personalizáveis. Mais informações estão disponíveis no site do Eleventy.

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

Hospedagem de sites estáticos

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 – Eleventy.
2. No MyKinsta, adicione um site estático com o repositório Hello World Eleventy e as seguintes configurações de build:
   • Comando build: npx @11ty/eleventy
   • Versão do node: 18.16.0
   • Diretório de publicação: _site
3. O site estará disponível assim que a build for concluída, e a página de boas-vindas da Kinsta for carregada na URL do seu site.

Hospedagem de aplicativos

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

Configuração do servidor web

Porta

A Kinsta define automaticamente a variável de ambiente PORT. Você não deve defini-la por conta própria e não deve codificá-la no aplicativo.

Comando start

Ao implantar um aplicativo, a Kinsta cria automaticamente um processo web com npm start como o Comando start. Certifique-se de usar esse comando para executar seu servidor.

Ciclo de vida da implantação

Sempre que uma implantação é iniciada (por meio da criação de um aplicativo ou da reimplantação devido a um commit de entrada), o comando npm build é executado, seguido pelo comando npm start.

Página de boas-vindas

O aplicativo ou site fica disponível assim que a build é concluída e a página de boas-vindas da Kinsta é carregada na URL do aplicativo ou na URL do site estático.