Instale PRNext em um projeto Next.js: início rápido

Comece com um projeto Next.js existente e Node.js 22.23.4+ na linha 22.x, 24.22.1+ na linha 24.x ou uma versão suportada de 26.12.1 em diante. Execute os comandos da pasta do seu projeto.

Mantenha seu trabalho em uma filial. PRNext é um alfa com compatibilidade parcial com Next.js, portanto, verifique seu aplicativo conforme você avança.

Instalar PRNext

Execute este comando na pasta do seu projeto. Mantenha o arquivo de bloqueio atualizado para que as instalações subsequentes usem o mesmo conjunto de dependências.

Terminal
npm install @thomas.f/prnext

Migre seus scripts

Mova seu desenvolvedor, crie e inicie scripts para PRNext e execute a verificação de compatibilidade. Adicione --dry-run ao comando de migração se quiser inspecionar suas alterações primeiro. Leia todas as incompatibilidades relatadas antes de continuar.

Terminal
npx --no-install prnext migrate .
npx --no-install prnext check .

Desenvolva seu aplicativo

Inicie o servidor de desenvolvimento e abra o endereço impresso em seu terminal. Edite um componente, salve-o e verifique o resultado em seu navegador. Teste pelo menos uma mudança de rota e uma interação que você usa em seu projeto.

Terminal
npx --no-install prnext dev .

Construir e executar

Crie o aplicativo e inicie a saída gerada localmente. Verifique as mesmas páginas, formulários e rotas API antes de implantar. Uma sessão de desenvolvimento funcional não é suficiente para validar a construção de produção, especialmente com um tempo de execução experimental.

Terminal
npx --no-install prnext build .
npx --no-install prnext start .

PRNext e Next.js: guia de compatibilidade e migração

PRNext é adequado para sua aplicação Next.js?

Implante Next.js em um VPS: da construção ao HTTPS

De volta ao blog