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.Leer más sobre este término
- 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.Leer más sobre este término
- ISR — Incremental Static Regeneration
- Variante de SSG en Next.js que sirve páginas estáticas y las regenera en segundo plano, como mucho una vez cada N segundos (`revalidate`) y solo cuando alguien las visita tras caducar. Combina la velocidad de SSG con la frescura de SSR sin el coste por request.Leer más sobre este término
- 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.Leer más sobre este término
- 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).Leer más sobre este término
- 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.Leer más sobre este término
- 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.Leer más sobre este término
- 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.Leer más sobre este término
- 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.Leer más sobre este término
- 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.Leer más sobre este término
