TOIT Training

Learn Gatsby

Learn Gatsby
  • Overview
  • Curriculum
  • Reviews

 

Gatsby is a modern web framework for React that enables developers to build fast, secure, and powerful websites and applications. It’s a static site generator at its core, but it’s also much more than that. Gatsby leverages React’s component architecture, GraphQL for data management, and Webpack for bundling. It’s optimized for speed with code splitting, image optimization, inlined critical styles, lazy-loading, and more.

Learning Gatsby involves understanding how to use its rich set of APIs and starters to bootstrap projects, and how to source data from virtually anywhere: Markdown files, a headless CMS, or REST APIs. The framework’s plugin ecosystem allows for extending functionality and integrating with various platforms and services with ease. Through Gatsby, developers can create static pages that are dynamic in nature, offering a blend of the benefits of static site generation and client-side rendering.

  • 4 Sections
  • 22 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

 Gatsby Basics

7 Lessons 0 Quizzes
  • What Is a Static Site Generator?
  • Starter Sites
  • Pages & Routes
  • Navbar & Links
  • Layout File
  • Styling Components
  • Static Files

 GraphQL & Fetching Data

8 Lessons 0 Quizzes
  • The Content Mesh
  • Site Metadata & Page Queries
  • Static Queries (useStaticQuery)
  • Gatsby Source Plugins
  • Markdown & Transformer Plugins – Link to MD Guide
  • Fetching & Listing Data
  • Ordering-Sorting Queries
  • Multiple Queries

Images & Templates

5 Lessons 0 Quizzes
  • Optimized Images
  • Featured Images
  • Template Components
  • Generating Pages
  • Query Variables

Deploying the Website

2 Lessons 0 Quizzes
  • Building & Deploying
  • Continuous Deployment

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Define static site generators
  • Utilize Gatsby starter sites
  • Create pages and routing in Gatsby
  • Implement a navbar with links
  • Configure a Gatsby layout file
  • Style Gatsby components
  • Manage static files in Gatsby
  • Understand Gatsby's content mesh
  • Use site metadata and page queries
  • Employ useStaticQuery for data fetching
  • Integrate Gatsby source plugins
  • Generate pages using Gatsby data

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Learn Gatsby
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)