Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Gatsby JS 5 | Build a personal blog using gatsby.js 5

via Udemy

Overview

Learn Gatsby JS 5 and GraphQL to increase your knowledge in modern web development.

What you'll learn:
  • Gatsby Fundamentals
  • React Hooks API with functional components
  • GraphQL and the built in GraphQL editor
  • Components, props and state
  • JSX syntax and expressions
  • Markdown
  • Styled Components

Learn to build blazing fast apps and websites with React using Gatsby 5, a modern static PWA (Progressive Web App) generator! Starting from scratch, you’ll learn to build a full-featured blog application step by step.

Gatsby 5 is a React-based, GraphQL-powered static site framework. It combines the best of React, webpack, React Router, GraphQL, and other cutting-edge front-end tools to deliver an exceptional developer experience. Unlike traditional static site generators, Gatsby 5 goes beyond static — offering powerful features like SSR (Server-Side Rendering), DSG (Deferred Static Generation), and blazing-fast build performance.

In this course, you’ll explore how to:

  • Build pages, components, and layouts in Gatsby 5

  • Manage and optimize assets efficiently

  • Style your sites using Styled Components and other modern CSS techniques

  • Fetch and manage data using GraphQL

  • Create dynamic pages and posts from Markdown

  • Automatically optimize and load images using the updated gatsby-plugin-image

  • Deploy and configure your Gatsby 5 site as a progressive web app

By the end, you’ll be ready to use Gatsby 5 in real-world projects — whether for blogs, portfolios, or full-scale web apps.

If you:

  • Already know some React and want to take your skills to the next level

  • Enjoy project-based, fast-paced learning

  • Want to stay ahead in modern front-end development

  • Aim to become a top contender for high-demand developer roles

Then this Gatsby 5 Mastery Course is perfect for you!

Learn Gatsby 5 — the future-ready framework for modern web development.

Syllabus

  • Introduction
  • Setup
  • Tech - Optional
  • Global Styles
  • Layout
  • Header
  • Setting Light and Dark Mode

Taught by

Tech Vista

Reviews

4.3 rating at Udemy based on 379 ratings

Start your review of Gatsby JS 5 | Build a personal blog using gatsby.js 5

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.