https://netguide.jp/es/tags/nextjs/Recent content in Next.js on KaisekukunHugo -- gohugo.ioesKaisekukunhttps://netguide.jp/es/web/nextjs-15-upgrade-guide/Wed, 08 Jul 2026 10:00:00 +0900https://netguide.jp/es/web/nextjs-15-upgrade-guide/<img src="https://netguide.jp/img/thumbnail/nextjs-15-upgrade-guide-es.png" alt="Featured image of post Nuevas funciones de Next.js 15 y guía de actualización: migrando tu proyecto" /><p>Next.js 15 se ha lanzado oficialmente, construido sobre React 19 estable. Esta actualización importante trae un sistema estable de Partial Prerendering (PPR), una estrategia de caché renovada e integración de Turbopack para compilaciones de desarrollo.</p> <p>Este artículo explica las nuevas funciones clave y proporciona una guía de actualización paso a paso para migrar desde Next.js 14.</p> <h2 id="1-nuevas-funciones-clave">1. Nuevas funciones clave </h2><h3 id="soporte-nativo-de-react-19">Soporte nativo de React 19 </h3><p>Next.js 15 adopta completamente React 19. Los Server Components ahora son estables, y nuevos hooks como <code>use()</code> y <code>useOptimistic()</code> funcionan directamente dentro del App Router. Las Server Actions también son más eficientes con un rendimiento mejorado para hooks orientados a acciones.</p>https://netguide.jp/es/software/nextjs-app-router-optimization/Wed, 25 Feb 2026 12:00:00 +0900https://netguide.jp/es/software/nextjs-app-router-optimization/<img src="https://netguide.jp/img/thumbnail/nextjs-app-router-optimization-es.png" alt="Featured image of post Puntos clave para la optimización del rendimiento en Next.js App Router" /><p>Aprovechando las capacidades de React 18, <strong>Next.js App Router</strong> proporciona una arquitectura de alto rendimiento para construir frontends web modernos.</p> <p>Sin embargo, configurar incorrectamente los límites servidor-cliente o las reglas de caché puede llevar a tiempos de respuesta lentos. En esta guía, exploramos técnicas prácticas de optimización para construir aplicaciones Next.js ultrarrápidas.</p> <hr> <h3 id="1-maximiza-los-react-server-components-rsc">1. Maximiza los React Server Components (RSC) </h3><p>El beneficio principal del App Router es que todos los componentes son Server Components por defecto. Esto elimina grandes porciones de JavaScript del bundle del lado del cliente.</p>https://netguide.jp/es/software/nextjs-app-router-basics/Sat, 03 Jan 2026 11:00:00 +0900https://netguide.jp/es/software/nextjs-app-router-basics/<img src="https://netguide.jp/img/thumbnail/nextjs-app-router-basics-es.png" alt="Featured image of post Conceptos básicos del App Router de Next.js y consejos de migración" /><p>Introducido en Next.js 13, el <strong>App Router</strong> adopta un enfoque fundamentalmente diferente al enrutamiento y renderizado en comparación con el Pages Router tradicional. Ahora estable y ampliamente adoptado, analicemos los conceptos básicos para aquellos que planean migrar.</p> <h2 id="app-router-vs-pages-router">App Router vs Pages Router </h2><table> <thead> <tr> <th>Característica</th> <th>Pages Router</th> <th>App Router</th> </tr> </thead> <tbody> <tr> <td>Enrutamiento</td> <td>Bajo <code>pages/</code></td> <td>Bajo <code>app/</code></td> </tr> <tr> <td>Componentes</td> <td>Client Component por defecto</td> <td><strong>Server Component</strong> por defecto</td> </tr> <tr> <td>Layouts</td> <td>Implementación manual</td> <td><code>layout.js</code> anidable</td> </tr> <tr> <td>Carga</td> <td>Implementación manual</td> <td>Automática mediante <code>loading.js</code></td> </tr> <tr> <td>Obtención de datos</td> <td><code>getServerSideProps</code>, etc.</td> <td><code>async</code> directo dentro de componentes</td> </tr> </tbody> </table> <h2 id="1-enrutamiento-basado-en-archivos">1. Enrutamiento basado en archivos </h2><p>La estructura de carpetas dentro de <code>app/</code> se asigna directamente a las rutas URL.</p>