Configurando um Site Estático com o Qwik na Kinsta

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

O Qwik oferece carregamento instantâneo de aplicativos web de qualquer tamanho ou complexidade com cerca de 1 KB de JavaScript e desempenho consistente em escala. Mais informações estão disponíveis no site do Qwik.

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

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 – Qwik.
2. No MyKinsta, adicione um site estático com o repositório Hello World – Qwik e as seguintes configurações de build:
   • Comando build: npm run build && npm run build.server
   • Versão do node: 18.16.0
   • Diretório de publicação: dist
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 – Qwik.
2. No MyKinsta, adicione um aplicativo com o Hello World – Qwik. 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 seu aplicativo.

Configuração do servidor web

Porta

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

Comando start

Ao implantar um aplicativo, a Kinsta cria automaticamente um processo web com o 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 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 for concluída, e a página de boas-vindas da Kinsta for carregada na URL do aplicativo ou na URL do site estático.