gatsby
v5.14.0
El futuro del desarrollo web está aquí.
Gatsby es un marco gratuito y de código abierto basado en React que ayuda a los desarrolladores a crear sitios web y aplicaciones increíblemente rápidos.
Combina el control y la escalabilidad de los sitios renderizados dinámicamente con la velocidad de generación de sitios estáticos, creando una red completamente nueva de posibilidades.
Gatsby ayuda a los desarrolladores profesionales a crear de manera eficiente sitios web ricos en contenido, de alto rendimiento y fáciles de mantener.
Cargue datos desde cualquier lugar. Gatsby extrae datos de cualquier fuente de datos, ya sean archivos Markdown, un CMS sin cabeza como Contentful o WordPress, o una API REST o GraphQL. Utilice complementos de origen para cargar sus datos y luego desarrolle utilizando la interfaz GraphQL uniforme de Gatsby.
Vaya más allá de los sitios web estáticos. Obtenga todos los beneficios de los sitios web estáticos sin ninguna limitación. Los sitios de Gatsby son aplicaciones React completamente funcionales, por lo que puede crear aplicaciones web dinámicas y de alta calidad, desde blogs hasta sitios de comercio electrónico y paneles de usuario.
Elija sus opciones de renderizado. Puede elegir opciones de representación alternativas, a saber, Generación estática diferida (DSG) y Representación del lado del servidor (SSR), además de Generación de sitio estático (SSG), por página. Este tipo de control granular le permite optimizar el rendimiento y la productividad sin sacrificar uno por el otro.
El rendimiento está integrado. Asuma sus auditorías de desempeño de forma predeterminada. Gatsby automatiza la división de código, la optimización de imágenes, la incorporación de estilos críticos, la carga diferida, la captación previa de recursos y más para garantizar que su sitio sea rápido, sin necesidad de realizar ajustes manuales.
Utilice una pila moderna para cada sitio. No importa de dónde provengan los datos, los sitios de Gatsby se crean utilizando React y GraphQL. Cree un flujo de trabajo uniforme para usted y su equipo, independientemente de si los datos provienen del mismo backend.
Anfitrión en Scale for Pennies. Los sitios de Gatsby no requieren servidores, por lo que puede alojar su sitio completo en una CDN por una fracción del costo de un sitio renderizado por un servidor. Muchos sitios de Gatsby se pueden alojar de forma totalmente gratuita en Netlify y otros servicios similares.
Utilice la capa de datos centralizada de Gatsby en todas partes. Con Valhalla Content Hub de Gatsby puedes llevar la capa de datos de Gatsby a cualquier proyecto. Hacerlo accesible a través de una API GraphQL unificada para crear sitios de contenido, plataformas de comercio electrónico y aplicaciones tanto nativas como web.
Aprenda a utilizar Gatsby para su próximo proyecto.
Haga clic en el enlace a continuación para probar rápidamente el flujo de trabajo de desarrollo, creación e implementación de sitios web con Gatsby y Netlify.
Al final de este proceso, tendrás
un sitio que trabaja en Netlify
un nuevo repositorio que está vinculado a ese nuevo sitio
A medida que introduzcas cambios en tu nuevo repositorio, Netlify reconstruirá y reimplementará automáticamente tu sitio.
Puede poner en funcionamiento un nuevo sitio de Gatsby en su entorno de desarrollo local en 5 minutos con estos cuatro pasos:
Inicializar un nuevo proyecto.
npm inicio gatsby
Asígnale el nombre "Mi sitio Gatsby".
Inicie el sitio en modo develop .
A continuación, acceda al directorio de su nuevo sitio e inícielo:
cd mi-sitio-gatsby/ npm ejecutar desarrollar
¡Abre el código fuente y comienza a editar!
Su sitio ahora se está ejecutando en http://localhost:8000 . Abra el directorio my-gatsby-site en el editor de código de su elección y edite src/pages/index.js . Guarde sus cambios y el navegador se actualizará en tiempo real.
En este punto, tienes un sitio web de Gatsby completamente funcional. Para obtener información adicional sobre cómo personalizar su sitio Gatsby, consulte nuestros complementos y el tutorial oficial.
La documentación completa de Gatsby se encuentra en el sitio web.
Para la mayoría de los desarrolladores, recomendamos comenzar con nuestro tutorial detallado para crear un sitio con Gatsby. Comienza sin suposiciones sobre su nivel de habilidad y recorre cada paso del proceso.
Para sumergirse directamente en ejemplos de código, diríjase a nuestra documentación. En particular, consulte las secciones " Guías prácticas ", " Referencia " y " Guías conceptuales " en la barra lateral.
Agradecemos sugerencias para mejorar nuestros documentos. Consulte la documentación sobre “cómo contribuir” para obtener más detalles.
Comience a aprender Gatsby: siga el tutorial · Lea los documentos
¿Se pregunta qué hemos enviado recientemente? Consulte nuestras notas de la versión para conocer los aspectos más destacados, mejoras de rendimiento, nuevas funciones y correcciones de errores notables.
Además, lea nuestra documentación sobre soporte de versiones para comprender nuestros planes para cada versión de Gatsby.
¿Ya tienes un sitio de Gatsby? ¡Estas prácticas guías te ayudarán a agregar las mejoras de Gatsby v5 a tu sitio sin tener que empezar desde cero!
Migrar de v4 a v5
Migrar de v3 a v4
Migrar de v2 a v3
Gatsby se dedica a construir una comunidad acogedora, diversa y segura. Esperamos que todos los que participan en la comunidad de Gatsby respeten nuestro Código de conducta . Por favor léelo. Por favor síguelo. En la comunidad de Gatsby, trabajamos duro para fortalecernos unos a otros y crear cosas increíbles juntos. ??
Ya sea que nos estés ayudando a corregir errores, mejorar los documentos o correr la voz, ¡nos encantaría tenerte como parte de la comunidad Gatsby!
Consulte nuestra Guía de contribución para obtener ideas sobre cómo contribuir y los pasos de configuración para que nuestros repositorios estén en funcionamiento en su máquina local.
Este repositorio es un monorepo administrado mediante Lerna. Esto significa que hay varios paquetes administrados en este código base, aunque los publicamos en NPM como paquetes separados.
Licenciado bajo la Licencia MIT.
Gracias a todos nuestros contribuyentes que crean complementos, iniciadores, videos y publicaciones de blog. Y un agradecimiento especial a los miembros de nuestra comunidad que ayudan con problemas y relaciones públicas, o responden preguntas en Discord y GitHub Discussions.
Una gran parte de lo que hace grande a Gatsby son todos y cada uno de ustedes en la comunidad. Tus contribuciones enriquecen la experiencia Gatsby y la hacen mejor cada día.
