Hands-On Web Development with React and GatsbyJS

Video description

GatsbyJS is a modern static site generator for React that comes with all the tools you need to build fast and highly performant applications. In this 3-hour course, you will learn how to use GatsbyJS by leveraging React skills you already possess.

First, we introduce you to GatsbyJS. Then you'll set up your environment, clone a simple starter web app repo, and go over some of the fundamentals. You'll learn how to use GraphQL to query data from flexible sources and take advantage of Gatsby's templating functionality to programmatically generate pages. You will incorporate some plugins to improve performance and usability, optimize images, and finally deploy your site with Netlify.

By the end of the course, you will have a fully functioning, end-to-end blog web application and will feel confident about building applications with GatsbyJS.

What You Will Learn

  • Build an end-to-end web application that has all the tools you ll need to track performance and scalability
  • Discover the power of Gatsby by diving into the features and functionality it comes with out of the box
  • Create intuitive and flexible queries to source data with GraphQL
  • Design an application that takes advantage of Gatsby s templating functionality, allowing you to programmatically create pages
  • Optimize the performance of your web application by integrating Gatsby plugins and built-in features
  • Improve the usability of your web apps with Contentful and wire it into your Gatsby application
  • Deploy your static website with Netlify, the simplest way to deploy JavaScript apps


This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS. Knowledge of JavaScript and React is assumed.

About The Author

Rachelle Rathbone: Rachelle Rathbone is a software engineer that works on a large-scale website built in React and GatsbyJS. When she first integrated Gatsby into the web application a few years ago, Gatsby was in its alpha stage. Rachelle has witnessed its entire evolution and is aware of the huge community of supporters that stand behind the powerful static site generator. Before moving into the engineering field in 2017, Rachelle was an educator and has a strong background of delivering high quality content to her students.

Product information

  • Title: Hands-On Web Development with React and GatsbyJS
  • Author(s): Rachelle Rathbone
  • Release date: November 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781838822767