Mauricio GarciaNext.js — loading.tsx¿Qué es loading.tsx? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funcionan? Ejemplos A considerarJul 11Jul 11
Mauricio GarciaNext.js — Suspense.tsx¿Qué es Suspense? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funcionan? A considerar loading.tsx o SuspenseJul 11Jul 11
Mauricio GarciaNext.js — layout.tsx¿Qué es layout.tsx? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funciona? Ejemplos A considerarJul 1Jul 1
Mauricio GarciaNext.js — Archivos de enrutamiento (App Router)¿Qué son los archivos de enrutamiento? Básicos / Mejora UX y manejo de errores / Comportamientos específicos ¿Dónde se colocan? ¿Por qué…May 21May 21
Mauricio GarciaNext.js — middleware.js¿Qué es? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funciona? NextResponse y NextRequest Ejemplos A considerarJun 23Jun 23
Mauricio GarciaNext.js — Variables de Entorno (env.*)¿Qué son? Principales características Ventajas ¿Qué archivo .env se usa en cada entorno en Next.js? ¿Cómo se crea o implementa? ¿Cómo…Jun 19A response icon1Jun 19A response icon1
Mauricio GarciaNext.js — instrumentation.ts¿Qué es? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funciona? Casos de uso Ejemplos ¿Se puede usar con layouts,Jun 16Jun 16
Mauricio GarciaNext.js — next.config.js (parte III):Optimización de recursos y caché, y Ecosistema, herramientasOptimización de recursos y caché Ecosistema, herramientas y compiladoresJun 11Jun 11
Mauricio GarciaNext.js — next.config.js (parte II): Configuraciones básicas, de entorno y avanzadasConfiguraciones básicas y de entorno Configuraciones avanzadasJun 11Jun 11
Mauricio GarciaNext.js — next.config.js (parte I)¿Qué es next.config.js? Principales características Ventajas ¿Cómo se crea o implementa? ¿Cómo funciona? ¿Cuándo se ejecuta…Jun 11Jun 11
Mauricio GarciaNext.js — Archivos de alto nivel (Top-level files)¿Qué son? next.config.js, package.json, instrumentation.ts, middleware.ts, .env, .env.*, .eslintrc.json ¿Dónde se colocan? ¿Por qué son…Jun 6Jun 6
Mauricio GarciaNext.js -Renderizado híbrido (CSR, SSR, SSG) con rutas dinámicas avanzadas ([slug], […slug]…Renderizado híbrido (CSR, SSR, SSG) con rutas dinámicas avanzadas [slug], […slug],[[…slug]]May 15May 15
Mauricio GarciaNext.js — generateStaticParams y dynamicParams¿Qué es generateStaticParams? ¿Por qué se usa? Ventajas que tiene generateStaticParams ¿Cómo funciona? A considerar ¿Qué es dynamicParams…May 11May 11
Mauricio GarciaNexts.js — Hook useParams¿Qué es useParams? ¿Por qué se usa? Ventajas que tiene useParams ¿Cómo funciona? A considerar Diferencia entre params como propiedad y…May 8May 8
Mauricio GarciaNext.js -Rutas dinámicas avanzadas [slug], […slug] y [[…slug]][slug] Slug simple […slug] Catch-all Slug [[…slug]]Optional Catch-allMay 6May 6
Mauricio GarciaNext.js— Renderizado híbrido (CRS, SSR, SSG)Renderizado híbrido CSR (Client-Side Rendering) SSR (Server-Side Rendering) SSG (Static Site Generation)Apr 30Apr 30
Mauricio GarciaNext.js — Páginas, Rutas estáticas, dinámicas y anidadasPáginas con Next.js Rutas estáticas Rutas estáticas anidadas Rutas dinámicas Rutas dinámicas anidadasApr 25Apr 25
Mauricio GarciaNext.js — Fundamentos¿Qué es Next.js? Crear un proyecto Ejecutar el proyectoApr 23Apr 23
![Next.js -Renderizado híbrido (CSR, SSR, SSG) con rutas dinámicas avanzadas ([slug], […slug]…](https://miro.medium.com/v2/resize:fill:160:106/1*7b7fOPNFVJ9-TBYj1BY0fQ.png)
![Next.js -Renderizado híbrido (CSR, SSR, SSG) con rutas dinámicas avanzadas ([slug], […slug]…](https://miro.medium.com/v2/resize:fill:320:214/1*7b7fOPNFVJ9-TBYj1BY0fQ.png)
![Next.js -Rutas dinámicas avanzadas [slug], […slug] y [[…slug]]](https://miro.medium.com/v2/resize:fill:160:106/1*GrvszDH7Wnev6tV_PoceGw.png)
![Next.js -Rutas dinámicas avanzadas [slug], […slug] y [[…slug]]](https://miro.medium.com/v2/resize:fill:320:214/1*GrvszDH7Wnev6tV_PoceGw.png)
