Gatsby JS & Styled Components Course Bundle

Gatsby JS & Firebase
Gatsby JS & Wordpress
Gatsby JS & Prismic
React Styled Components v5 (2020 edition)
30 day money-back guarantee
13.5 hours on-demand video
Lifetime access

Get these 4 premium courses for only

$76

Paid Course

What's included in this bundle?

Gatsby JS & Firebase: HYBRID realtime + static sites

Build Gatsby JS static sites with realtime firestore, cloud functions, storage, auth, Gatsby + React hooks & GraphQL!

30 day money-back guarantee
5 hours on-demand video
Lifetime access
What you'll learn
Increase your value as a front-end / React developer
Learn Gatsby
Set up Gatsby to generate pages from data stored in Firebase
Implement a realtime chat / comments section using firestore
Provide registration and login functionality using the firebase authentication service
Use firebase cloud functions with cloud storage for file uploads
Use firebase cloud functions for server-side authentication
Learn how to query firestore data using GraphQL from our Gatsby JS app

Gatsby JS: Build static sites with React Wordpress & GraphQL

The Gatsby & WordPress stack! Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend.

30 day money-back guarantee
3.5 hours on-demand video
Lifetime access
What you'll learn
Increase your value and improve your knowledge as a front-end / React JS developer
Create a static, server-compiled, content-driven website using Gatsby JS (with React JS & GraphQL)
Set up WordPress as a backend to build content, then render the content as pages with React JS & GraphQL
Learn Gatsby
Learn how to use GraphQL and GraphiQL to query data stored in Wordpress
Deploy your Gatsby JS static website and rebuild whenever content changes using Netlify

Gatsby JS & Prismic: Build RAPID Gatsby sites | Gatsby 2020

Gatsby JS & Prismic stack. Use Prismic headless CMS data in Gatsby to generate Gatsby static sites & deploy with Netlify

30 day money-back guarantee
3 hours on-demand video
Lifetime access
What you'll learn
Increase your value and improve your knowledge as a front-end / React JS developer
Create a static, server-compiled, content-driven website using Gatsby JS (with React JS & GraphQL) library.
Deploy your Gatsby JS static website and rebuild whenever our Prismic content changes using Netlify
Learn Gatsby
Learn how to use GraphQL and GraphiQL in Gatsby to query data stored in Prismic CMS
Use Netlify forms from within Gatsby to capture user's email address and personal details

React styled-components v5 (2020 edition)

Ditch CSS stylesheets! Learn CSS in JS to quickly and cleanly style React components with the styled-components library

30 day money-back guarantee
2 hours on-demand video
Lifetime access
What you'll learn
Increase your value as a front-end / React developer
Convert or create new React apps using the the CSS-in-JS styled-components library.
Use Animations with styled components
Implement third party fonts using Google fonts
Create a mobile-first responsive layout
Style React apps using a newer, cleaner, and more efficient method with Styled Components.
Create component variations using props (e.g. large / small / primary / secondary Button)
Create different themes with a theme toggle component to apply a light & dark theme
Learn how styled components can interact with ordinary React components & React hooks

Get these 4 premium courses for only

$76

Paid Course

Gatsby JS, Prismic & Netlify: Build RAPID Gatsby sites in 2020

Use Prismic CMS data to generate a Gatsby static site. An ideal alternative to WordPress!


View course curriculum

Gatsby JS: Build static sites with React Wordpress & GraphQL

The Gatsby & WordPress stack! Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend.


View course curriculum

Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites

Combine Gatsby's super-fast static sites with realtime firestore, cloud functions, storage, auth, React hooks & GraphQL!


View course curriculum

React styled-components v5 (2020 edition)

Ditch CSS stylesheets! Learn CSS in JS to quickly and cleanly style React components with the styled-components library


View course curriculum

Your instructor

Hey! My name's Tom. I've taught Gatsby with various integrations to over 2,000 students and counting. My aim with this course is to increase your value as a developer and to bring you up to speed with the proper way to use this stack.