Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Gatsby Demystified: A complete course on how Gatsby V3 works
Rating: 4.6 out of 5(6 ratings)
149 students

Gatsby Demystified: A complete course on how Gatsby V3 works

Learn the foundations of Gatsby v3: from GraphQL to Gatsby StaticImage to Netlify CMS and so much more!
Last updated 6/2021
English

What you'll learn

  • How to setup and run a Gatsby JS project
  • GraphQL
  • Gatsby Plugin Image (StaticImage)
  • Gatsby Background Image
  • Netlify CMS
  • How Markdown Files work in Gatsby
  • Responsive Web Design

Course content

13 sections126 lectures8h 25m total length
  • Installing Gatsby14:30
  • Installing Yarn1:24

    In addition to installing modules using npm, you can also use yarn. I wanted to give you the option if you find down the road yarn works better in your situation.

Requirements

  • A little knowledge of HTML/CSS

Description

*** Course has been updated to take into account Gatsby v3 updates ***

In this course, you'll learn how to build super-fast, modern-day websites using Gatsby JS. This course will take you from the absolute beginning to gaining a firm understanding of how Gatsby works.

We will start out with how to install and get Gatsby up and running.

From there, we will go into the setup of a Gatsby project and then move on to fully exploring GraphQL, a crucial component for using Gatsby. Once we have a solid foundation of GraphQL, we can then move on to Gatsby Image and Gatsby Background Image, two critical components to Gatsby.

We will also go over how to upload/deploy Gatsby to both Google Firebase and Netlify. In addition, we'll also build out an about page landing website, for you to put your knowledge into action.

Start and stop as you want. This course can be learned in order or jump around if you need help in a particular area. I wanted this course to be a compendium as well, so you can come back if you need to at any time.

Ultimately I wanted to build this course as if I was just learning Gatsby. I incorporate React Bootstrap, a critical component in making your Gatsby website completely responsive. This is the course I wish I had years ago when beginning my Gatsby journey.

This course is for anyone looking for get a better grasp of how to use Gatsby JS!

Who this course is for:

  • Wed Developers looking to expand their knowledge
  • College Students looking for a new web dev language
  • Junior Web Developers
  • Web Designers