Cuttlebelle

Este é um exemplo de como configurar um aplicativo Cuttlebelle para implantar nos serviços de Hospedagem de Site Estático da Kinsta a partir de um repositório do GitHub.

O Cuttlebelle é um construtor de sites estáticos que divide cada página em blocos de conteúdo que você pode montar posteriormente para criar vários layouts de página sem a necessidade de entender ou usar códigos complexos. Mais informações estão disponíveis no site do Cuttlebelle.

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 Cuttlebelle

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 – Site estático com Cuttlebelle.
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 Cuttlebelle, clique em Continuar e digite o seguinte nas configurações de build:
   • Comando build: npm run build
   • 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 composer.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.

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.