Eleventy

Este é um exemplo de como configurar um site estático com o Eleventy nos serviços de hospedagem de site estático da Kinsta a partir de um repositório 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 da Eleventy.

Você também pode usar esse template de início rápido na Hospedagem de Aplicativos da Kinsta sem nenhuma configuração adicional. Se você usar a Hospedagem de Aplicativos, 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.

Pré-requisitos

  • Os templates de início rápido da Kinsta são armazenados e gerenciados no GitHub; portanto, você precisa de uma conta no GitHub para acessá-los.
  • Você precisa criar uma conta MyKinsta para implantar o aplicativo.

Implante um site estático Eleventy

  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, clique em Sites estáticos > Adicionar site > selecione GitHub, clique em Conectar provedor git > Autorizar e faça login em sua conta do GitHub.
  3. Escolha o repositório Hello World Eleventy, clique em Continuar e digite o seguinte nas configurações de build:
    • Comando de build: npx @11ty/eleventy
    • Versão do node: 18.16.0
    • Diretório de publicação: _site

Durante o processo de implantação, a Kinsta instala automaticamente as dependências definidas em seu arquivo package.json. O site estará disponível assim que a implantação for concluída, e a página de boas-vindas da Kinsta será carregada na URL do seu site.

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

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 recebido), o comando npm build é executado, seguido pelo comando npm start.

Este artigo foi útil?