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

YouTube

Microfrontends in Gatsby - Learn With Jason

Learn With Jason via YouTube

Overview

Explore microfrontend architecture using Gatsby as an orchestration layer for complex and large-team applications in this 48-minute tutorial. Learn from Chris Biscardi as he guides Jason through the process of setting up workspaces, creating peer dependencies, and implementing Gatsby plugins. Discover how to structure your project with proper naming conventions, set up scripts, and create index files. Dive into the concept of microfrontends and understand how Gatsby can be used as an orchestration layer. Follow along as they demonstrate setting up a dashboard, profile page, and account homepage. Gain insights into using dependencies, themes, and the Gatsby router. By the end of this tutorial, you'll have a solid understanding of implementing microfrontends in Gatsby for efficient large-scale application development.

Syllabus

Introduction
Jasons background
VS Code
Naming Convention
Shortcut
Dependencies
Troubleshooting
Creating a peer dependency
Running workspaces
Running workspaces info
Setting up scripts
Gatsby clean
Create index file
Export default index
What is Microfrontends
Gatsby orchestration layer
Installing Gatsby plugins
Installing Gatsby config
Adding Gatsby source pages
Importing Gatsby from React
Importing Links from Gatsby
Gatsby Dashboard
Delegate Authority
Gatsby Router
Testing
Setting up the Dashboard
Setting up the Profile Page
Docker Hub
Account Homepage
UsingDependencies
Themes
Wrapup
MatchPath
Theme Jam
Gatsby Days
Outro

Taught by

Learn With Jason

Reviews

Start your review of Microfrontends in Gatsby - Learn With Jason

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.