next app router playground

Next.js App Router Playground

Next.js introdujo recientemente el enrutador de aplicaciones con soporte para:

• Diseños: comparta fácilmente la interfaz de usuario mientras preserva el estado y evita los re-renderizadores.
• Componentes del servidor: haciendo que el servidor primero sea el valor predeterminado para las aplicaciones más dinámicas.
• Transmisión: Muestre estados de carga instantánea y transmita en las actualizaciones.
• Suspenso para la obtención de datos: async / await soporte y el gancho use para recuperación a nivel de componentes.

El enrutador de aplicaciones puede coexistir con el directorio pages existente para la adopción incremental. Si bien no necesita usar el enrutador de aplicaciones al actualizar a Next.js 13, estamos colocando los cimientos para construir interfaces complejas mientras envían menos JavaScript.

Ejecutando localmente

1. Instalar dependencias:

pnpm install

2. Inicie el servidor Dev:

pnpm dev

Documentación

https://nextjs.org/docs