
Using Gatsby and Netlify CMS
Joe Attardi
- Editorial
- Apress
- Año
- 2020
- Páginas
- ~200
- Nivel
- Intermedio
De qué trata
Manual práctico de Joe Attardi publicado por Apress en 2020 que aborda el desarrollo de aplicaciones web bajo la arquitectura Jamstack combinando el generador de sitios estáticos Gatsby (en su versión basada en React) y Netlify CMS (el gestor de contenidos de código abierto basado en Git, renombrado posteriormente como Decap CMS). Está pensado para desarrolladores web de nivel intermedio con conocimientos previos de JavaScript moderno, componentes de React, sintaxis básica de Git y maquetación con HTML y CSS, que desean entregar a clientes o redactores un panel administrativo intuitivo sin obligarlos a editar archivos Markdown ni interactuar con la consola de comandos.
El libro enseña a enlazar el frontend reactivo con el almacenamiento de contenidos versionado en Git. En la parte de Netlify CMS, detalla la estructura del archivo config.yml, la definición de colecciones y campos personalizados (widgets), y la configuración de Netlify Identity y Git Gateway para resolver la autenticación de usuarios de forma segura sin exponer tokens de GitHub o GitLab. En el entorno de Gatsby, explica cómo consultar datos mediante GraphQL, procesar archivos Markdown con los plugins gatsby-source-filesystem y gatsby-transformer-remark, y utilizar las APIs de compilación de Node en gatsby-node.js (especialmente createPages) para implementar generación dinámica de rutas, paginación de entradas y menús de navegación.
La obra se estructura en torno a la construcción guiada del sitio web para una cafetería ficticia ("Coffee Shop"), que incluye un blog con vista individual y listado paginado, además de una carta de productos y precios administrable en tiempo real desde el CMS y desplegada automáticamente en Netlify. Destaca por ofrecer un flujo de trabajo realista para proyectos editoriales desacoplados con costos mínimos de infraestructura. Su alcance no cubre bases de datos SQL o NoSQL, lógica de backend compleja ni renderizado dinámico en servidor (SSR). Conviene tener presentes los principios básicos de GraphQL y advertir que la herramienta evolucionó de forma independiente en la comunidad bajo el nombre Decap CMS.
- Gatsby
- Netlify CMS
- Jamstack
- React
- GraphQL
- Netlify Identity
- Git Gateway
- Markdown
- Paginación
- Despliegue continuo
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio web para cafetería con blog y menú administrable
Portal web para una cafetería desarrollado con Gatsby y React que integra un blog con paginación y un catálogo de productos editable desde Netlify CMS, protegido con Netlify Identity y desplegado continuamente en Netlify.

