Desdobrar o Nuxt no Layer0

Como desdobrar uma aplicação Nuxt no Layer0?

O Layer0 suporta aplicações Nuxt universal.

O Layer0 é uma plataforma tudo-em-um para desenvolver, desdobrar, pré-visualizar, experimentar, monitorar e executar o seu frontend sem-cabeça. Ele é focado em grande, websites dinâmicos e melhor dentro da classe performance através do EdgeJS (uma Rede de Entrega de Conteúdo baseado no JavaScript), requisição preditiva, e monitoramento de desempenho. Layer0 oferece uma camada gratuita.

Para instruções detalhadas consulte a documentação do Nuxt do Layer0 .

Vamos começar

1. Registe-se para uma conta gratuita na página de registo do Layer0 .
2. Instale a interface de linha de comando do Layer0

yarn global add @layer0/cli

npm i -g @layer0/cli

Configure o seu projeto

3. Certifique-se que a renderização no lado do servidor esteja ativada e dentro do seu nuxt.config.js adicione o módulo @layer0/nuxt:

// nuxt.config.js

module.exports = {
  modules: ['@layer0/nuxt/module']
}

4. Execute o layer0 init o qual configurará o seu projeto para o Layer0

Executando e desdobrando o seu projeto

5. Para testar a sua aplicação localmente, execute o seguinte comando dentro do diretório do seu projeto:

layer0 run

6. Para desdobrar a sua aplicação, execute o seguinte comando dentro do diretório do projeto:

layer0 deploy

Otimize o desempenho do seu projeto

• (Opcional) Para otimizar o desempenho da renderização do lado do servidor dentro do Nuxt, a Layer0 recomenda mover a maioria do seus módulos dentro buildModules como descrito dentro da seção modules vs buildModules do guia do Nuxt do Layer0.
• (Opcional) a Layer0 suporta automaticamente o sistema de roteamento embutido do Nuxt. No entanto você pode e deve otimizar o desempenho pela personalização do roteamento, cacheamento, e pré-requisição via EdgeJS como é mostrado dentro da seção de roteamento do guia do Nuxt, da Layer0.

Receber ajuda

Se você tiver problemas, favor de consultar a seção de diagnóstico do guia ou crie um bilhete dentro dos fórum .