Este proyecto es parte del Tutorial oficial de Next.js App Router de Vercel.
- Tutorial completo: Next.js Learn - Dashboard App
- Capítulo inicial: Getting Started
- Repositorio starter del curso: vercel/next-learn/dashboard/starter-example
- Documentación de Next.js: nextjs.org/docs
npx create-next-app@latest nextjs-dashboard --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example" --use-pnpmEsta es una aplicación de dashboard construida siguiendo el curso oficial de Next.js. El proyecto demuestra las características principales del App Router de Next.js 14+:
- App Router - Sistema de rutas basado en el sistema de archivos
- Server Components - Componentes renderizados en el servidor por defecto
- Server Actions - Mutaciones de datos del lado del servidor
- Streaming - Carga progresiva de UI con Suspense
- Autenticación - Implementación con NextAuth.js
- Base de datos - Integración con PostgreSQL
Para entender el comportamiento de redirect() en acciones de servidor, ver redirect-behavior.md.
El proyecto utiliza el siguiente patrón para manejar parámetros de búsqueda:
const params = new URLSearchParams(searchParams);Este patrón:
- Crea una copia mutable de los parámetros de búsqueda actuales
- Permite modificar parámetros sin perder los existentes
- Se combina con
router.replace()para actualizar la URL sin recargar la página
- Email: user@nextmail.com
- Password: 123456