gatsby

Gatsby es un framework web gratuito y de código abierto basado en React, lanzado bajo la licencia MIT y distribuido en npm como el paquete `gatsby`. Según su README, tiene como objetivo combinar el control y la escalabilidad de los sitios renderizados dinámicamente con la velocidad de la generación de sitios estáticos, ayudando a los desarrolladores a crear sitios web y aplicaciones ricas en contenido y de alto rendimiento. **Capa de datos** Gatsby puede extraer contenido de cualquier fuente de datos: archivos Markdown, sistemas de CMS headless como Contentful o WordPress, o APIs REST y GraphQL. Los plugins de fuente cargan los datos y los desarrolladores trabajan entonces con una interfaz GraphQL uniforme, independientemente del backend. **Opciones de renderizado** El proyecto documenta tres enfoques de renderizado que pueden seleccionarse por página: Generación de Sitios Estáticos (SSG), Generación Estática Diferida (DSG) y Renderizado del Lado del Servidor (SSR). El README presenta esta granularidad como una forma de equilibrar el rendimiento y la productividad por página en lugar de hacerlo de forma global. **Más allá de los sitios estáticos** Los sitios de Gatsby se describen como aplicaciones React totalmente funcionales, por lo que el mismo framework puede servir para blogs, sitios de comercio electrónico y paneles de usuario. Debido a que la salida es estática, los sitios pueden alojarse en un CDN sin un servidor, y el README señala que muchos sitios pueden alojarse gratis en Netlify y servicios similares. **Características de rendimiento** El README establece que Gatsby automatiza la división de código (code splitting), la optimización de imágenes, la inclusión de estilos críticos, la carga diferida (lazy-loading) y la precarga de recursos, de modo que el ajuste de rendimiento está integrado en gran medida en lugar de ser manual. **Primeros pasos** Se documentan dos rutas rápidas. En línea: un botón de "Deploy to Netlify" crea un sitio operativo más un repositorio vinculado que se reconstruye automáticamente al hacer push. Localmente: ejecute `npm init gatsby` para crear la estructura de un proyecto, luego `cd my-gatsby-site/` y `npm run develop` para iniciar un servidor de desarrollo en `http://localhost:8000` con actualizaciones en vivo cuando se editan archivos como `src/pages/index.js`. Desde la parte superior del README se enlazan páginas separadas de inicio rápido, tutoriales, plugins, starters y vitrinas. **Documentación y comunidad** El README remite a un tutorial detallado que no asume ningún nivel de capacidad previo, además de secciones de documentación para guías de uso, material de referencia y guías conceptuales. Se enlazan las notas de lanzamiento y la documentación de soporte por versión, y las guías de migración cubren la actualización de v2 a v3, v3 a v4 y v4 a v5. Se proporciona un código de conducta y una guía de contribución, y el repositorio está organizado como un monorepo gestionado por Lerna que contiene múltiples paquetes que se publican en npm por separado. Los problemas, las discusiones y las solicitudes de extracción (pull requests) forman parte del flujo de trabajo comunitario descrito.