Repolode
Enviar
gatsbyjs

gatsbyjs/gatsby

Framework basado en React para crear sitios web y aplicaciones rápidos, con datos de CMS, Markdown y API mediante GraphQL.

Ver en GitHubSitio web
Estrellas
55,937
Forks
10,102
Issues abiertos
457
Último commit
hace 18 horas

¿Qué es?

Gatsby es un framework de React para crear sitios web y aplicaciones. Carga datos de fuentes como archivos Markdown, CMS headless como Contentful o WordPress y API REST o GraphQL mediante plugins de origen; luego, expone todos esos datos a través de una única interfaz GraphQL.

Se puede elegir el método de renderizado para cada página: generación de sitios estáticos, generación estática diferida o renderizado del lado del servidor. Gatsby también automatiza la división del código, la optimización de imágenes, la inserción de CSS crítico, la carga diferida y la precarga de recursos. Como el resultado es una compilación estática, los sitios se pueden alojar en una CDN sin ejecutar un servidor.

El proyecto es un monorepo de Lerna que publica sus paquetes en npm y se distribuye bajo la licencia MIT. Se pueden crear proyectos nuevos con npm init gatsby y hay starters disponibles para los tipos de sitios más comunes.

Funciones clave

  • 01Obtiene datos de Markdown, CMS headless y API REST o GraphQL mediante plugins de origen.
  • 02Expone todos los datos a través de una interfaz GraphQL uniforme.
  • 03Admite renderizado estático, estático diferido y del lado del servidor para cada página.
  • 04Automatiza la división del código, la optimización de imágenes y la carga diferida.
  • 05Genera sitios estáticos que se pueden alojar en una CDN.

Casos de uso

  • Crear blogs con mucho contenido o sitios de marketing conectados a un CMS headless.
  • Crear tiendas de comercio electrónico o paneles de usuario que también necesiten el rendimiento de un sitio estático.
  • Alojar un sitio en una CDN con un costo de servidor mínimo.

Inicio rápido

  1. 1

    Inicializa un proyecto nuevo

    npm init gatsby
  2. 2

    Ve al directorio del nuevo sitio e inicia el modo de desarrollo

    cd my-gatsby-site/ npm run develop
  3. 3

    Abre http://localhost:8000 y edita src/pages/index.js

Temas

#react#static-site-generator#graphql#web-framework#jamstack#ssr#blog#compiler#gatsby#web-app

Preguntas frecuentes

¿Qué es gatsby?
Framework basado en React para crear sitios web y aplicaciones rápidos, con datos de CMS, Markdown y API mediante GraphQL. Gatsby es un framework de React para crear sitios web y aplicaciones. Carga datos de fuentes como archivos Markdown, CMS headless como Contentful o WordPress y API REST o GraphQL mediante plugins de origen; luego, expone todos esos datos a través de una única interfaz GraphQL.
¿gatsby es gratuito? ¿Qué licencia tiene?
gatsby es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿gatsby sigue mantenido?
Mantenimiento activo. El último commit de gatsby fue el 20 oct 2026.
¿Para qué puedo usar gatsby?
Crear blogs con mucho contenido o sitios de marketing conectados a un CMS headless. Crear tiendas de comercio electrónico o paneles de usuario que también necesiten el rendimiento de un sitio estático. Alojar un sitio en una CDN con un costo de servidor mínimo.
¿Cómo se instala gatsby?
Inicializa un proyecto nuevo: npm init gatsby Ve al directorio del nuevo sitio e inicia el modo de desarrollo: cd my-gatsby-site/ npm run develop Abre http://localhost:8000 y edita src/pages/index.js
¿Dónde consigo gatsby?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/gatsbyjs/gatsby

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados