Book Image

Hands-On Web Development with React and GatsbyJS [Video]

By : Rachelle Rathbone
Book Image

Hands-On Web Development with React and GatsbyJS [Video]

By: Rachelle Rathbone

Overview of this book

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. The code bundle for this video course is available at - https://github.com/PacktPublishing/starter-blog
Table of Contents (7 chapters)
Chapter 2
Querying Data with GraphQL
Content Locked
Section 3
Using the StaticQuery API
Page queries are great for pages but what about components? We shall learn how to work with StaticQuery to solve that problem.