Eject create-react-app and Use Gatsby for Advanced React App Development

ClockIcon35m
gatsbyGatsby
^2.22.8
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
3.4
47 people completed
Khaled Garbaya
By

Khaled Garbaya

Software developer and active open sorcerer. He speaks multiple languages and is often overheard saying "Bonjour" in HTML.

Create-React-App is a great tool for getting started with React, but at some point you may find yourself needing something more.

Gatsby is one of the most popular choices to move on to. It boasts a number of performance optimizations and a large plugin ecosystem (while still allowing you to use anything from the React ecosystem as well).

In this course, Khaled Garbaya will help you get started with Gatsby.

You'll start by building a single page "Hello World" before moving on to programmatically creating new pages and setting up static and dynamic routing.

Once you've got a grasp on the basics, Khaled will share his process for migrating an existing application built with Create-React-App project over to the Gatsby way of doing things.

You'll also get practice adding and configuring Gatsby build plugins for Tailwind CSS and sourcing data from external APIs.

After this course, you'll be ready to port existing code, or start a new Gatsby project from scratch!

What you'll learn

  • CheckIconStarting a Gatsby Project from scratch
  • CheckIconProgrammatic page creation
  • CheckIconStatic and Dynamic routing
  • CheckIconBuilding with page templates
  • CheckIconPassing data via pageContext
  • CheckIconHandling protected routes with mock authentication
  • CheckIconAdding & configuring Gatsby plugins
  • CheckIconReact's useState and useEffect hooks

Prerequisites

Khaled Garbaya
By

Khaled Garbaya

Software developer and active open sorcerer. He speaks multiple languages and is often overheard saying "Bonjour" in HTML.

Course Project

Apply what you’ve learned in this course by completing an exercise project.

View Project

Community Notes

Read helpful summaries and further explanations of this course, made by learners just like you.