Proceso para generar la vista final de una página web o aplicación.
Puede hacerse del lado del cliente (CSR) o del servidor (SSR). Afecta el SEO y la velocidad de carga.
// Tipos de renderizado // 1. CSR (Client-Side Rendering) // El navegador descarga JS y renderiza // React tradicional con Vite function App() { const [data, setData] = useState(null); useEffect(() => { fetch('/api/data').then(r => r.json()).then(setData); }, []); return <div>{data?.titulo}</div>; } // 2. SSR (Server-Side Rendering) // El servidor genera HTML completo // Next.js export async function getServerSideProps() { const data = await fetch('https://api.com/data').then(r => r.json()); return { props: { data } }; } // 3. SSG (Static Site Generation) // HTML generado en build time export async function getStaticProps() { const posts = await getPosts(); return { props: { posts }, revalidate: 60 }; } // 4. ISR (Incremental Static Regeneration) // Regenera páginas estáticas bajo demanda // Comparación: // CSR: Rápido después de cargar, malo para SEO // SSR: Bueno para SEO, más carga en servidor // SSG: Muy rápido, ideal para contenido estático
