Configurando um Site Estático com Cuttlebelle na Kinsta

Este é um exemplo de como configurar um aplicativo Cuttlebelle para implantar os serviços de Hospedagem de Aplicativos ou Sites Estáticos da Kinsta a partir de um repositório do GitHub.

O Cuttlebelle é um construtor de sites estático 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ódigo complexo. Mais informações estão disponíveis no site do Cuttlebelle.

Kinsta instala automaticamente as dependências definidas no seu arquivo composer.json durante o processo de implantação.

Hospedagem de site estático

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, adicione um site estático com o repositório Hello World Cuttlebelle e as seguintes configurações de build:
   • Comando de build: npm run build
   • Versão do Node: 18.16.0
   • Diretório de publicação: .site
3. O site estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta será 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 – Olá Mundo – Site Estático com Cuttlebelle.
2. No MyKinsta, adicione um aplicativo com o repositório Hello World Cuttlebelle. O Comando Start pode ser deixado em branco para o processo web já que a Kinsta detecta automaticamente o comando necessário durante a primeira implantação.
3. O aplicativo estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta ser carregada na URL do seu aplicativo.

Configuração do servidor web

Porta

Kinsta define automaticamente a variável de ambiente PORT. Você não deve defini-la você mesmo nem codificá-la no aplicativo. O pacote serve utiliza a porta definida pela Kinsta automaticamente.

Comando start

Quando você implanta um aplicativo, Kinsta cria automaticamente um processo web com npm start como o comando start. Certifique-se de usar este comando para executar o seu servidor.

Ciclo de vida da implantação

Sempre que uma implantação é iniciada (seja através da criação de um aplicativo ou de uma nova implantação devido a um commit recebido), o comando npm build é executado, seguido pelo comando npm start.

Página de boas-vindas

O aplicativo ou site estará disponível assim que a build terminar, e a página de boas-vindas da Kinsta será carregada na URL do seu aplicativo ou do seu site estático.