Next.js — Fundamentos

Introducción

• ¿Qué es Next.js?
• Crear un proyecto
• Ejecutar el proyecto

Lee el artículo gratis → friends link o en Github

Todos los ejemplos los podrás encontrar en el repositorio next.js-15.3–1[ref]
Acá puedes ver todas las stories de next.js [ref]

¿Qué es Next.js?

Next.js es un framework de React para crear aplicaciones web integrales. Se utilizan componentes de React para crear interfaces de usuario y Next.js para funciones y optimizaciones adicionales [ref].

Entre sus principales características destacan:

• Sistema de rutas automático: Utiliza la estructura de carpetas para generar rutas automáticamente, lo que elimina la necesidad de configurar un enrutador manualmente.
• Renderizado híbrido: Permite combinar distintos tipos de renderizado en una misma aplicación:

1. SSR (Server-Side Rendering): Genera el HTML en cada solicitud.
2. SSG (Static Site Generation): Genera páginas estáticas en tiempo de build.
3. CSR (Client-Side Rendering): Para secciones que se actualizan desde el cliente.

Nota: Los tipos de renderización los vamos a revisar…