</> CodeBooks
    ← Volver a CMS (página 1)
    Portada de Using Gatsby and Netlify CMS

    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?

    TeóricoPráctico

    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.

    Más de CMS con nivel Intermedio