Partial Prerendering (PPR): Lo estatico y lo dinamico juntos
Partial Prerendering combina la velocidad del contenido estatico alojado en el Edge con la frescura de datos dinamicos renderizados al vuelo mediante React Suspense boundaries.
js
// Componente de pagina con Suspense boundary dinamico
import { Suspense } from 'react';
import StaticHero from './StaticHero';
import DynamicUserFeed from './DynamicUserFeed';
import FeedSkeleton from './FeedSkeleton';
export default function DashboardPage() {
return (
<main className="max-w-5xl mx-auto px-4 py-8">
{/* Carga instantanea desde Edge CDN */}
<StaticHero />
{/* Stream dinamico con skeleton de carga */}
<Suspense fallback={<FeedSkeleton />}>
<DynamicUserFeed />
</Suspense>
</main>
);
}
Estrategias de Cache y Revalidacion bajo Demanda
En 2026, el manejo de cache en Next.js se basa en tags semanticos que permiten invalidar unicamente los datos que han cambiado, sin reconstruir paginas completas.
js
// Revalidacion granular con revalidateTag
import { revalidateTag } from 'next/cache';
export async function publishPost(newPostData: any) {
'use server';
await saveToDatabase(newPostData);
revalidateTag('blog-posts');
}
.jpg "Construyendo tu Sitio Web desde Cero con Next.js. Un Viaje de Desarrollo Impulsado por React")
