Udemy

Gatsby.js 3 Tutorial and Projects Course

Enroll Now
  • 14,895 Students
  • Updated 10/2024
4.5
(1,748 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
21 Hour(s) 48 Minute(s)
Language
English
Taught by
Jānis Smilga
Rating
4.5
(1,748 Ratings)
2 views

Course Overview

Gatsby.js 3 Tutorial and Projects Course

Create Blazingly Fast Websites with latest version of Gatsby.js 3

Gatsby is a React-based, GraphQL powered static site generator. It combines together the best parts of React, webpack, react-router, GraphQL, and other front end tools to provide excellent developer experience. Gatsby is far more than typical static site generator though. You can think of it more like a modern front-end  framework.

It uses powerful pre-configuration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server side rendering, smart image loading, asset optimization, and data prefetching.

The course will consist of two parts. In the first part, the tutorial part  we will cover Gatsby basics, and in the second part, projects part, we will build interesting projects using Gatsby.

All project intro videos are available for preview.

With the new Gatsby create blazing fast web experiences that integrate your favorite services and content. Build e-commerce sites, landing pages, blogs and more in minutes.

Go from idea to production in literal minutes with a 10x developer experience. Gatsby is built on popular, proven tech like React and GraphQL, has loads of tutorials and starter templates, and over 2500 plugins that can help integrate all of your favorite web services.

Gatsby loads only critical 1 parts of the page, exactly when the visitor needs it, and not a second sooner. Once loaded, Gatsby prefetches resources 2 for other pages so that clicking on the site feels buttery smooth and responsive. Everything is statically generated at runtime - so your site loads as fast as possible.

Course Content

  • 8 section(s)
  • 240 lecture(s)
  • Section 1 Gatsby Intro
  • Section 2 Course Info
  • Section 3 Gatsby Tutorial - SimplyRecipes Project
  • Section 4 IMPORTANT UPDATE!!!!
  • Section 5 Portfolio Project
  • Section 6 MDX Blog
  • Section 7 Design Project with Airtable
  • Section 8 Bonus

What You’ll Learn

  • Learn Gatsby
  • Build Awesome Projects
  • Build Blazingly Fast Websites
  • Become Better React Developer

Reviews

  • D
    Daniel Boua Ouattara
    4.0

    The course is good. Projects are interesting. Its true that Gatsby version that John used is completely outdated, but that the true challenge: as a web developer, you must read the docs, search on forums, ask around to update all the stuff by yourself and find the way to link items in order to make things work securely and with stability. So thank you John ! I hope that in John's new NextJS course there will be bunch of various, short, mid-long & long interesting projects. happy coding !

  • R
    Ricardo Do Vale
    4.5

    Traduction en français laisse à désirer. Beaucoup de fautes

  • B
    Brham Dev
    5.0

    I am new to Gatsby and my goal is to learn and build e-commerce and static sites.

  • K
    Krittiya Clark
    5.0

    This course is great. It is modern. I like John repeat things but I wish he explains the syntax more or the variables more. The best thing is John's responses to all my Q&A.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed