Skip to main content
  • Book
  • © 2020

Using Gatsby and Netlify CMS

Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

Apress

Authors:

  • Covers using Gatsby and Netlify CMS together – the perfect introduction to this popular new combination for front and backend

  • Includes a working project that you will build from start to finish that includes a blog and customizable menu

  • Assumes basic knowledge of Gatsby but includes a Gatsby crash course for anyone unfamiliar with this React-based framework.

  • 5934 Accesses

Buy it now

Buying options

eBook USD 39.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book USD 49.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access

This is a preview of subscription content, log in via an institution to check for access.

Table of contents (14 chapters)

  1. Front Matter

    Pages i-xviii
  2. Introduction to Netlify CMS

    • Joe Attardi
    Pages 1-12
  3. Gatsby Crash Course

    • Joe Attardi
    Pages 13-27
  4. Setting Up the Example Project

    • Joe Attardi
    Pages 29-44
  5. Setting Up Netlify CMS

    • Joe Attardi
    Pages 45-55
  6. The Netlify CMS Application

    • Joe Attardi
    Pages 57-70
  7. Sourcing Blog Data

    • Joe Attardi
    Pages 71-83
  8. Dynamic Page Creation

    • Joe Attardi
    Pages 85-98
  9. Blog Pagination

    • Joe Attardi
    Pages 99-112
  10. Adding More Content

    • Joe Attardi
    Pages 113-129
  11. Creating the Coffee Menu

    • Joe Attardi
    Pages 131-147
  12. Working with Images

    • Joe Attardi
    Pages 149-163
  13. Customizing the CMS

    • Joe Attardi
    Pages 165-179
  14. The Editorial Workflow

    • Joe Attardi
    Pages 181-192
  15. Wrap Up

    • Joe Attardi
    Pages 193-195
  16. Back Matter

    Pages 197-200

About this book

Leverage the powerful new combination of Gatsby and Netlify CMS, a free open source content management solution, to build blazing fast apps. This book shows you how to create a React-powered website using the Gatsby framework for the frontend, and Netlify CMS as the content backend. 

Through the course of the book you'll gradually build a website for a coffee shop that includes a blog and a bakery/coffee menu that is customizable through Netlify CMS. The project starts with a bare-bones Gatsby site to which you'll add functionality such as setting up/configuring the CMS, creating different types of content, and writing some Gatsby glue code to consume the Markdown data via plugins. When done, you'll be well-equipped to build on your existing JavaScript and React knowledge  to effectively use Gatsby and Netlify CMS for yourself or your clients. 

Using Gatsby and Netlify CMS is an ideal guide for anyone looking to build their own sites and manage their own content without having to deal with creating Markdown files or Git repositories.

What You'll Learn

  • Clone repositories, install dependencies and deploy on Netlify
  • Configure Netlify Identity and Git Gateway
  • Use Netlify CMS Content Manager
  • Source blog data using Gatsby plugin
  • Manage dynamic page reactions using Gatsby Node APIs
  • Work with pagination, content and menus
  • Customize Netlify CMS

Who This Book Is For

Experienced JavaScript developers with a good handle on React who want to learn how to build a maintainable Gatsby powered site. Basic familiarity with Gatsby is assumed but not required.

Authors and Affiliations

  • Billerica, USA

    Joe Attardi

About the author

Joe Attardi  is a software engineer specializing in front-end development. He has over 15 years’ experience working with JavaScript, HTML, and CSS, and has worked extensively with front-end technologies such as Angular and React. He currently works at Salesforce, and has worked in the past with companies such as Dell and Nortel. He is also the author of Modern CSS (Apress, 2020). He lives in the Boston area with his wife and son. You can find him on Twitter at @JoeAttardi.

Bibliographic Information

  • Book Title: Using Gatsby and Netlify CMS

  • Book Subtitle: Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

  • Authors: Joe Attardi

  • DOI: https://doi.org/10.1007/978-1-4842-6297-9

  • Publisher: Apress Berkeley, CA

  • eBook Packages: Professional and Applied Computing, Professional and Applied Computing (R0), Apress Access Books

  • Copyright Information: Joe Attardi 2020

  • Softcover ISBN: 978-1-4842-6296-2Published: 07 October 2020

  • eBook ISBN: 978-1-4842-6297-9Published: 06 October 2020

  • Edition Number: 1

  • Number of Pages: XVIII, 200

  • Number of Illustrations: 93 b/w illustrations

  • Topics: Web Development

Buy it now

Buying options

eBook USD 39.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book USD 49.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access