Master Gatsby (Master Package)

Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way. Gatsby is a React.js framework that does it all for you. This course will teach you how to build your websites and let Gatsby take care of all the Hard Stuff.

What Will You Build?

Together we build a website for a local pizza joint called Slick's Slices. The site includes everything you'd run into in building a website today and is meant to be a nice copy/paste reference for the sites you build.

Some of the topics we touch upon are:

• Multiple Data Types
• Custom Fields
• Progressive Images
• Relational Data
• Scoped CSS
•  Sourcing Data from a REST API
• Sourcing Data from a CMS 
• Tags + Filtering
• Reusable Components
• Dynamically Generated pages
• Pagination
•  Dynamic Order Form
•  Client side Fetching
•  Cross Page State Management
•  SEO + Meta Tags
•  Emailing of Order
•  Building
•  Deployment & Hosting

In this course we also write all the CSS to style the website.

We will learn fun things like CSS Variables, Layouts with Grid (and sub-grid!), Flexbox, clamp(), @supports queries, transforms, scoping CSS, responsive design and so much more!