Watch Now
Watch Now

Fullstack Gatsby

Build a fullstack Gatsby application: a premium course on Egghead.io.

Take the course for intermediate developers and learn how to build an app that connects all the bells and whistles you need for a full scale JAMstack application, from authentication to layout design.

Watch NowView Demo

Tools you'll Learn

Get acquainted with modern tools great for getting up and running quick, and building on top of free and open source tools where possible:

Gatsby

Frontend Web Framework

You can build hybrid web applications with Gatsby and leverage its powerful plugin ecosystem at the same time.

Hasura

Backend Framework

Generate an API in minutes and edit tables and data by pointing and clicking, rather than fussing with DevOps.

Auth0

Authentication Framework

Get the tough work out of the way with authentication and authorization handled for you.

Features you'll Implement

Each feature matches up with a lesson, and has been meticulously edited down so you're not suffering through my blazing-fast™️ 20wpm typing. Every lesson has a corresponding branch on GitHub to make sure you never get lost.

Component Libraries

Component Libraries

Install Chakra UI to get powerful components out of the box. (52s)

Watch now

Layout Components

Layout Components

Use Gatsby APIs to reuse components and wrap the whole app. (3m 51s)

Watch now

Theming and Styling

Theming and Styling

Add style props that can quickly brand your app with your theme. (2m 21s)

Watch now

GraphQL API

GraphQL API

Generate a Hasura backend that your frontend can interact with. (5m 15s)

Watch now

Authentication

Authentication

Enable login and logout with Auth0 to authenticate new users. (4m 18s)

Watch now

Authorization

Authorization

Configure proper database access based on user roles. (5m 11s)

Watch now

Coming soon...

Gatsby Source Plugin

Build a Gatsby source plugin to source data statically.

Coming soon...

Static Pages

Build pages that are composed of entirely static data, no internet required.

Coming soon...

Gatsby Apollo Plugin

Integrate Apollo with a custom plugin to connect straight to your API.

Coming soon...

Dynamic Pages

Build pages that fetch data dynamically—right when you need it.

Coming soon...

File System Routing

Use filesystem routing to automatically create a page for each playlist.

Coming soon...

Course Overview

One holistic look at the whole course and what you're building.

Meet the Instructor

Hey there 👋 feel free to judge me by my Twitter

Kyle Gill

Senior Software Engineer @ Gatsby

I've been building Gatsby projects since v0 in production, on side projects, and to explore all the nooks and crannies. Now I work at Gatsby and used the latest and greatest APIs and best practices in this course.

Ready to get learning?

Go from intermediate to advanced in hours.

Start Watching

© 2020 Fullstack Gatsby | Learn to build a fullstack application on Egghead