Modo de produção no framework NextJS
O modo de produção é destinado para executar o projeto em hospedagem. O principal objetivo deste modo é garantir o máximo desempenho e segurança do projeto, além de reduzir o volume de arquivos carregados para economizar memória do sistema.
Principais características do modo de produção:
- Otimização de código - antes da execução em produção, o código é compilado. Por exemplo, é realizada a minificação de JavaScript e CSS para reduzir seu tamanho e acelerar o carregamento da página.
- Geração estática - o framework gera as páginas antecipadamente, o que acelera seu carregamento no site.
- Otimização de imagens, que são automaticamente comprimidas e ajustadas para diferentes tamanhos de tela e dispositivos.
- Remoção de informações de depuração - todo código para depuração de erros é removido das páginas do navegador. Isso é necessário para o funcionamento seguro do projeto e para ocultar informações sobre a estrutura de arquivos dos usuários.
- Ausência de recarregamento a quente - diferentemente do modo de desenvolvimento, aqui não há recarregamento automático a cada alteração feita.
O modo de produção é iniciado com dois comandos. Primeiro, é necessário executar a build de produção do projeto:
npm run build
E então executar o projeto buildado:
npm start
Após iniciar o projeto, você verá informações sobre a estrutura principal do projeto. Símbolos especiais marcam os tipos de conteúdo do projeto - estático e dinâmico. No momento, temos apenas conteúdo estático.
Para testar, execute o projeto em modo de produção.
Desligue o modo de produção e ligue o modo de desenvolvimento. Nas próximas aulas, vamos trabalhar especificamente neste modo.
