Este é um exemplo de como configurar um aplicativo Nuxt ou um site estático para implantação nos serviços de Hospedagem de Aplicativos ou Sites Estáticos da Kinsta a partir de um repositório do GitHub.
Nuxt é um framework de desenvolvimento web de código aberto que permite construir aplicativos Vue renderizadas do lado do servidor e sites estáticos. Mais informações estão disponíveis no site do Nuxt.
Durante o processo de implantação, Kinsta instala automaticamente as dependências definidas no seu arquivo package.json.
Hospedagem de site estático
- Faça login no GitHub e crie um novo repositório a partir deste modelo (Use this template > Create a new repository): Kinsta – Hello World – NuxtJS
- No MyKinsta, adicione um site estático com o repositório Hello World – NuxtJS e as seguintes configurações de build:
- Comando de build:
npm run generate - Versão do Node: 18.16.0
- Diretório de publicação: .output/public
- Comando de build:
- O site estará disponível assim que a build terminar, e a página Hello World ser carregada na URL do seu site.
Hospedagem de aplicativos
- Faça login no GitHub e crie um novo repositório a partir deste modelo (Use this template > Create a new repository): Kinsta – Hello World – NuxtJS.
- No MyKinsta, adicione um aplicativo com o repositório Hello World – NuxtJS. O Comando Start pode ser deixado em branco para o processo web, já que Kinsta detecta automaticamente o comando necessário durante a primeira implantação.
- O aplicativo estará disponível assim que a build terminar, e a página Hello World 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 precisa defini-la ou codificá-la no aplicativo.
Comando Start
Quando você implanta o aplicativo, Kinsta cria automaticamente um processo web com npm start como o Comando Start.
Ciclo de vida da implantação
Sempre que uma implantação é iniciada (através da criação de um aplicativo ou re-implantação devido a um commit recebido) o comando npm build é executado, seguido pelo comando npm start.
Página Hello World
O aplicativo estará disponível assim que a build terminar, e a página Hello World será carregada na URL do seu aplicativo ou do seu site.
