01 · 10 términos
Desarrollo web
Conceptos del stack moderno: rendering, arquitectura y rendimiento.
- SSR — Server-Side Rendering
- El servidor genera el HTML completo de la página antes de enviarlo al navegador. Mejora SEO y tiempo de primer pintado frente al rendering puramente cliente (SPA), a cambio de más carga en el servidor.
- SSG — Static Site Generation
- Las páginas se construyen como HTML estático en tiempo de build y se sirven desde CDN. Es la opción más rápida y barata, pero requiere rebuild para reflejar cambios de contenido.
- ISR — Incremental Static Regeneration
- Variante de SSG en Next.js que sirve páginas estáticas y las regenera en segundo plano cada N segundos (`revalidate`). Combina la velocidad de SSG con la frescura de SSR sin el coste por request.
- Hidratación
- Proceso por el que el JavaScript del cliente toma el HTML SSR y le añade interactividad (event listeners, estado React). Una hidratación lenta produce TBT/INP malos aunque el LCP sea bueno.
- Headless CMS
- Gestor de contenidos que expone los datos vía API (REST/GraphQL) sin imponer cómo se presentan. Permite usar WordPress, Strapi o Sanity como backend y cualquier framework moderno como front (Next.js, Astro).
- JAMstack
- Arquitectura web basada en JavaScript, APIs y Markup pre-generado. Las páginas se sirven desde CDN y la lógica dinámica se delega a APIs y funciones serverless.
- API REST
- Estilo de API que expone recursos vía URLs (`/posts/123`) y verbos HTTP (GET, POST, PUT, DELETE). Es el estándar de facto para integraciones web por su simplicidad y caché HTTP nativo.
- GraphQL
- Lenguaje de consulta para APIs que permite al cliente pedir exactamente los campos que necesita en una sola petición. Reduce over-fetching pero añade complejidad en el servidor y dificulta el caché HTTP.
- Core Web Vitals
- Tres métricas de Google que miden la experiencia de usuario: LCP (Largest Contentful Paint, < 2.5s), INP (Interaction to Next Paint, < 200ms) y CLS (Cumulative Layout Shift, < 0.1). Son señal de ranking SEO desde 2021.
- Edge computing
- Ejecutar código en nodos geográficamente cercanos al usuario (Vercel Edge, Cloudflare Workers) en vez de en una región central. Reduce latencia y permite personalización por geo sin coste de origen.
