Nuxt

Este é um exemplo de como você pode configurar um aplicativo Nuxt ou um site estático para implantar nos serviços de Hospedagem de Site Estático da Kinsta a partir de um repositório GitHub.

O Nuxt é um framework de desenvolvimento web de código aberto que permite que você crie aplicativos Vue renderizados no lado do servidor e sites estáticos. Mais informações estão disponíveis no site do Nuxt.

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 Nuxt

  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 – NuxtJS.
  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 – NuxtJS, clique em Continuar e digite o seguinte nas configurações de build:
    • Comand build: npm run generate
    • Versão do node: 18.16.0
    • Diretório de publicação:.output/public

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 Hello world será carregada na URL do seu site.

Página Hello World do Nuxt após uma implantação bem-sucedida.
Página Hello World do Nuxt após uma implantação bem-sucedida.

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 uma confirmação de entrada), o comando npm build é executado, seguido pelo comando npm start.

Este artigo foi útil?