Este é um exemplo de como configurar um aplicativo NuxtJS para ser implantada nos serviços de Hospedagem de Aplicativos da Kinsta.

NuxtJS é enviado com muitos recursos para aumentar a produtividade do desenvolvedor e a experiência do usuário final. As principais características incluem:

  • Configuração zero: Comece a codificar seu aplicativo imediatamente, Nuxt cuida do resto.
  • Roteamento do sistema de arquivos: Roteamento e divisão automática de código para cada página.
  • Modos de renderização: Alternar entre geração estática do site ou renderização do servidor on-demand.
  • Pesquisa de dados: Pesquise seu conteúdo de qualquer fonte em seus componentes Vue, SSR ready.
  • Convenções fortes: Trabalho em equipe eficiente com uma forte estrutura de diretórios e convenções.
  • SEO Friendly: Gerenciamento de meta-tags e maior velocidade no tempo de indexação para uma ótima indexação.
  • Importação automática de componentes: usando seus próprios componentes, Nuxt irá importá-los com divisão inteligente de código.
  • Ecossistema de módulos: Amplie seu aplicativo com mais de 160 módulos Nuxt e crie o seu próprio.

Mais informações estão disponíveis em Nuxtjs.org.

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

  1. Crie um novo repositório a partir deste template (Usar este template > Criar um novo repositório): Kinsta – Hello World – NuxtJS.
  2. 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 está disponível assim que a construção termina, e uma página do Hello World é carregada na URL do seu aplicativo.

Página NuxtJS Hello World após a instalação bem-sucedida.
Página NuxtJS Hello World após a instalação bem-sucedida.

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.