next app router playground

Playground do roteador de aplicativos next.js

Next.JS apresentou recentemente o roteador de aplicativos com suporte para:

• Layouts: Compartilhe facilmente a interface do usuário enquanto preserva o estado e evite os renderizadores.
• Componentes do servidor: tornando o servidor primeiro o padrão para os aplicativos mais dinâmicos.
• Streaming: exiba estados de carregamento instantâneo e fluxo em atualizações.
• Suspense para busca de dados: async / await de suporte e o gancho use para buscar no nível do componente.

O roteador de aplicativos pode coexistir com o diretório pages existente para adoção incremental. Embora você não precise usar o roteador de aplicativos ao atualizar para o próximo.js 13, estamos lançando as fundações para criar interfaces complexas enquanto enviam menos JavaScript.

Executando localmente

1. Instale dependências:

pnpm install

2. Inicie o servidor de desenvolvimento:

pnpm dev

Documentação

https://nextjs.org/docs