soro23-dashboard

Finalizado

Progreso0%

Playground de exploración del App Router de Next.js 13/14: layouts, server components, streaming, ISR/SSR/SSG, route groups, parallel routes y manejo de errores, sobre una demo de e-commerce ficticia (productos, categorías, reseñas).

Next.jsTypeScriptReactTailwind CSSstyled-components

GitHub →Demo →

01 — Details

Problema

Exploración técnica sin problema de negocio definido: el objetivo era aprender de primera mano las nuevas capacidades del App Router de Next.js.

Solución

Un conjunto de rutas de ejemplo, una por cada característica del App Router (isr, ssr, ssg, streaming, loading, error-handling, parallel-routes, route-groups, styling con distintos enfoques), con datos mock de productos servidos por API routes propias.

Arquitectura

App Router monolítico de Next.js con TypeScript y Tailwind, sin backend real: app/api/* expone endpoints mock (categories, products, reviews, og, revalidate) que alimentan las páginas de demostración.

02 — Learnings

Aprendizajes

Es en esencia una réplica del playground oficial de Vercel para el App Router (mismas rutas de demo: isr, ssr, ssg, streaming, parallel-routes...), usado como material de estudio más que como proyecto original.

Próximos pasos

Proyecto Cancelado