skip to content
Home

All Episodes

Browse all 180 episodes of Learn With Jason. Show your support and get notified of new episodes by subscribing on YouTube!

Use State Machines to Build a Queue for Custom Twitch Overlays

In this episode, Jason will build a state machine (using xstate) to handle subscription events and display them in Twitch overlays.

Monitoring & Error Tracking in Serverless Functions

The worst way to find out about a bug is from your users. In this episode, Ben Vinegar will teach us how Sentry helps us spot errors automatically (and much more)!

Use WordPress with Next.JS

Colby Fayock will teach us how we can combine the great content editing experience of Word Press, the flexibility of developing with Next.js, and the power of deploying to Netlify!

Serverless Marketing Automation for React

In this episode, learn how Joel Hooks creates powerful marketing automation using serverless functions, CustomerIO, and Next.js. This is a peek behind the curtain at Egghead.io!

Build Flexible CMS Layouts with Slice Machine

The modern web is modular, and Prismicio's Slice Machine brings block-based editing to the CMS. In this episode, Lucie Haberer will teach us how to componentize our content management.

Build Your Own Babel Plugin

Babel might seem like magic, but Laurie Barth is going to teach us how developers of any skill level can build custom Babel plugins for fun and/or profit!

The Final Taco Showdown

Last time, Emma and Jason built a form and asked you to settle their Taco Bell debate. This time, they'll visualize the results and determine who has the best taste in tacos. 🌮

Hiring & Getting Hired in Tech

How do you stand out when applying for jobs? Is there such thing as a "good" tech interview? What questions should you be asking? 😫 Join this Q&A with Sarah Drasner to get your questions answered!

Let's Learn Vue's Composition API!

The new VueJS Composition API adds more power and a better developer experience to Vue. Ben Hong joins us again to teach us how we can level up our Vue apps using the Composition API!

Let's Learn Next.js!

Next.js makes building ReactJS apps fast and flexible. In this episode, Scott Moss will teach us what Next can do and what we can build with it!

Let's Learn React!

React is everywhere: it’s used in single-person side projects and Fortune 50 apps. In this episode, Ali Spittel will introduce us to one of the leading JavaScript frameworks out there!

Build a Custom Twitch Overlay With HTML, CSS, and JS

Did you know you can build Twitch overlays using HTML, CSS, and JavaScript? In this episode, Jason will work on the LWJ overlays to add a new subscriber alert!

Let's Learn TypeScript!

Code autocomplete, intuitive errors, and using code to clearly communicate with your teammates? Yes please! Orta Therox teaches us how TypeScript-powered JavaScript gives us all this and more.

Animation With Svelte

Svelte is gaining a lot of popularity in the JavaScript community, and its robust animation capabilities probably have a lot to do with that. in this episode, Scott Tolinski will teach us how to animate in Svelte 🔥

Whimsical SVG Animations Using GSAP

One of the best ways to learn is to build things that make you smile. In this episode, Jhey Tompkins will teach us to build a playful SVG animation using Greensock.

Let's Learn Minecraft!

It’s the holidays, so let’s do something completely different and learn Minecraft! Lindsay Levine will be teaching us how to play. Come join to watch Jason dig himself into a hole (literally)

We Need to Taco 'Bout Your Choices

In this episode, Emma Bostian and Jason will build an app together to settle their taco differences with your help. Make sure to mark your calendar and help settle this debate! 🌮🌮🌮

Let's Learn Vue 3!

VueJS has a great reputation, both as a community and as a framework. And in Vue 3, there’s even more to love! Ben Hong will teach us how we can get started building with Vue 3.

Let's Learn RedwoodJS!

If we want to use the Jamstack, but also we need a database, but also you just want to build things and not waste all your energy configuring them? Anthony Campolo will teach us how Redwoodjs can help!

Writing Shell Scripts with Modern JavaScript

Building custom shell scripts and CLI tools doesn’t mean leaving your modern development workflow behind. In this episode, John Lindquist will teach us how to use JavaScript to build custom shell scripts!

Databases for Jamstack Sites and Apps

How can you add a database to your Jamstack app? In this episode, Tanmai Gopal will teach us how Hasura gets us up and running quickly with a powerful data layer in no time!

Interactive SVG Animations Using Greensock

Animated SVGs add a touch of interactive whimsy and polish to our websites. In this episode, Cassie Evans will teach us how to use Greensock to create fun, engaging experiences!

Build a Multiplayer Soundboard Using Firebase

What’s more fun than a soundboard? A soundboard you can play with people around the world in real time! In this episode, David East will teach us how to build one using Firebase!

Faster Static Site Workflows with Nx

How can Nx speed up your development workflow for Jamstack sites? In this episode, Adam Barrett will teach us all about it!

Build a Custom Accessible Audio Player

Creating custom audio players can be fun AND accessible! In this episode, Lindsey Kopacz teaches us how to build our own audio player in a way that’s usable by all of us.

Let's Learn Nuxt!

If you’re building apps with Vue.js, Nuxt is a powerful way to get up and running quickly! In this episode, Maya Shavin teaches us how to combine Nuxt with Cloudinary for high-power, high-speed development!

A Single (Spooky) Div

Lynn Fisher's A Single Div project demonstrates just how far we can creatively push CSS. In this special spooky episode, she’ll teach us how she does it! 🎃

Build a Toast Site Using MDX & Tailwind

Toast lets us build static sites using modern workflows, creating less complex, super fast websites & apps. Chris Biscardi returns to teach us how to build an MDX & Tailwind-powered Toast blog!

Build a No-Framework JavaScript Drag-n-Drop

Modern JavaScript is really powerful — we can do so much now without frameworks! In this episode, Zell teaches us how to build a zero-framework drag-and-drop component!

All About React Query

There‘s a lot of buzz about React Query and how much it can simplify your development workflow. In this episode, we’ll learn all about it from the #TanStack creator himself!

Pushing the Limits of “Static Sites” with Sanity

How far we go with the Jamstack? In this episode, Kapehe teaches us that, if we combine tools like Sanity, Netlify, and more, the limit may not exist. 🤯

Build Apps With Vue 3 + Apollo Client 3

Combining the powerful new features in Vue_js 3 and Apollo Client 3 means we can do some really exciting stuff with our apps! In this episode, Natalia Tepluhina teaches how to do it!

Power Up React With TypeScript

Want to add autocomplete, better linting, and more to your React apps? In this episode, Ben Ilgebodu teaches us how Typescript powers up our React apps.

Webmention + Next.js

Did you know that Webmentions let you pull tweets, other blogs, and other activity from around the web into your site? In this episode, Monica Powell teaches us how to add it to a Next.js site!

What the H*ck is Observability?

Modern apps have a lot of moving parts. How can we tell what is happening in our applications and why? In this episode, Shelby Spees teaches us how to use Honeycomb to debug complex systems in production.

Build Your Own Content Hub With GraphQL

Data has been decentralized through APIs, SaaS, & other platforms. Pulling it all together in a developer-friendly way can be tricky. Eve Porcello will teach us to tame our data using GraphQL!

Let's Learn D3.js!

Data visualizations add a ton of clarity and value to our apps, but getting started can be daunting. Shirley Wu teaches us how we can get started with D3.js to make charts, graphs, and more!

Build a Web Store With Shopify!

Setting up e-commerce doesn’t have to hurt! In this episode, Kelly Vaughn teaches us how she uses Shopify to create great online shopping experiences, and how we can, too!

What is Rust?

Looking for a way to stretch your brain and try something new? Come join Prince Wilson as he introduces us to Rust!

Build Jamstack Apps with Gatsby

In this episode, Obinna Ekwuno teaches us how to build and deploy Gatsby apps on Netlify for blazing fast, fun-to-develop websites!

Let's Learn Toast!

What is Toast? In this episode, Chris Biscardi teaches us about the next-generation metaframework and shows how it leverages web standards to minimize tooling and maximize performance.

Machine Learning with TensorFlow in JavaScript

When it comes to machine learning, the only limit is our imaginations. Jason Mayes will teach us some of the fun and incredible things we can do with TensorFlow in JavaScript!

Get Weird with Audio on the Web

When it comes to audio on the web, the rabbit hole goes deep. In this episode, Ken shows us some of the weird, wonderful, creative ways we can build fun web experiences with audio.

Create Cross-Platform Apps With Expo

If you want to create an app for iOS, Android, and the web, why not do it all from the same codebase? Brent Vatne teaches us how Expo makes it possible!

Contentful, GraphQL, & Paid Content

Learn how to combine Contentful’s powerful GraphQL API with Stripe to create paid content for your Jamstack app with Stefan Judis!

Dev Improv: Tell Us What To Build!

What happens when Cassidy and Jason take suggestions from chat and try to build something on the fly? Chaos, probably. Come join in on the fun!

Create a Plugin for 11ty

We already know that 11ty is powerful. In this episode, Bryan Robinson will teach us how to take 11ty even further with custom plugins!

Text-To-Play Games with Twilio (Part 2)!

Building interactive experiences that don’t require people to download an app or be present in-person doesn’t have to be hard — in fact, it can be *fun* Nathaniel Okenwa teaches us how in part two!

Let's Learn Firebase!

If you want to create a Jamstack app quickly, Firebase is a great option. In this episode, David East teaches us how to get started with Firebase to build powerful apps on the Jamstack!

GraphQL + Jamstack for Enterprise Apps

“Can the Jamstack handle enterprise apps?” It can! In this episode, Shruti Kapoor & Jason will explore approaches for enterprise GraphQL + Jamstack apps.

What is Apollo Federation?

Do you have multiple data sources in your org? Apollo Federation promises to unify your data in a single GraphQL API. Alex Banks teaches us what it is, how it works & how you can use it!

Make Animations Feel Pro

When it comes to animation, there are a few tips & tricks that take them from “neat” to “HOLY WOW” animation master Sarah Drasner teaches us how to take our animations to the next level!

Caching Jamstack Sites With GitHub Actions

Did you know you can combine GitHub Actions with Netlify to build powerful integrations? Benjamin Lannon teaches us all about it in this episode!

Let's Learn Spatial Design!

How do you design a physical space? Matt Howard will teach us how spatial design creates useful AND beautiful environments.

Build Custom Twitch Bots & Overlays

Have you ever wondered how Twitch overlays and chatbots work? LuckyNoS7evin will teach us all about it in this episode!

Let's Bring Secret Sandwich to Life!

Let’s bring Secret Sandwich to life! Joel Hooks and Jason Lengstorf will start work on the Secret Sandwich web app.

Serverless GraphQL with Hasura

In this episode, Christian Nwamba teaches us how we can build incredibly powerful apps without the overhead of managing lots of infrastructure by combining Hasura, serverless functions, and the Jamstack.

Control Apps with Your Thoughts

We were promised mind-controlled apps in the future — and with Charlie Gerard the future is now! In this episode, she teaches us about neurotech by building a thought-controlled app.

Text-To-Play Games with Twilio!

Building interactive experiences that don’t require people to download an app or be present in-person doesn’t have to be hard — in fact, it can be *fun* Nathaniel Okenwa teaches us how!

Store User-Generated Content in Sanity!

Can a CMS handle all the requirements of a full-blown app? Espen Hovlandsdal teaches us how to use Sanity and Netlify Functions to handle user input in Jamstack apps!

Contribute to Open Source Projects

Are you interested in contributing to open source projects, but aren't sure where to start? In this episode, Jason will walk through the process of contributing to https://www.rebuildblackbusiness.com/ by picking up open issues and creating pull requests.

Service Worker Science Lab!

Service Workers are extremely powerful — in this episode, Jem Young and Jason will do Service Worker experiments to see what kind of fun we can cook up!

End-To-End Testing with Cypress

How can you be sure the code you ship does what you expect it to do? Dr. Gleb Bahmutov teaches us how to add end-to-end tests to Jamstack sites with Cypress & Netlify build plugins.

Introduction to Figma for Developers

Figma is a powerful tool for creating designs and collaborating with team members. In this episode, Ryan Warner gives a feature tour and teaches us the fundamentals.

Subscription Management in Jamstack Apps

Subscriptions power most web-based businesses. In this episode, Thor 雷神 teaches us how to let customers purchase & manage subscriptions with Stripe in JAMstack apps.

Build a Realtime Twitch Game

What happens when Cassidy Williams joins Jason to build an interactive game? A whole lot of shenanigans, we hope! Join the fun as Cassidy & Jason build something fun together & try to make each other laugh

Designing Secret Sandwich

Secret Sandwich lives! In this episode, Leslie Waara will teach us how to wireframe and design a website.

Protect Secret Keys in Jamstack Apps

How do you protect sensitive data like API keys on the Jamstack? in this episode, Joyce Lin teaches us how to use Postman to rapidly prototype and develop secure Jamstack apps!

Add Apple Pay & Google Pay to Jamstack Sites

Adding Apple Pay and Google Pay for website purchases is a HUGE convenience boost. In this episode, Thor 雷神 teaches us how Stripe makes mobile payments fast to add!

Let's Create a Netlify Build Plugin

What are Netlify Build Plugins? In this episode, Jason looks at how Netlify Build Plugins provide powerful, cross-framework utilities that give our builds superpowers.

Build Jamstack Apps with Custom APIs

Create a fully dynamic app on the Jamstack with a custom API built with Strapi and deployed on DigitalOcean. Chris On Code teaches us how to create and deploy custom APIs + interact with them using serverless functions.

Let's Learn Apollo Client v3!

Apollo is one of the most popular GraphQL libraries available today. In this episode, Khalil Stemmler teaches us how to get started with Apollo Client's latest major release.

Rapid DataViz in Observable

Observable lets us write code & see it work instantly with realtime data visualization. in this episode, Anjana Vakil teaches us how fast & fun it can be to build dataviz using Observable!

Let's Make Web Video FAST

Video can be beautiful and engaging, but if we don’t pay attention to performance it can also make our sites slooooow. In this episode, Doug Sillars teaches us how to make video on the web fast!

Let's Learn Framer Motion!

Animation in ReactJS using Framer Motion is powerful and flexible. In this episode, Framer Motion author Matt Perry teaches us about the magic that’s possible when using it!

Accept Donations on JAMstack Sites

Thor 雷神 & Nick DeJesus teach us how to accept donations on our JAMstack sites using Stripe, whether we’re building an app for a non-profit or adding a “buy me a coffee” button to a blog.

Better Assets with Cloudinary & GraphQL

For image & video processing, Cloudinary is a top-notch tool. In this episode, Domitrius Clark teaches us how to combine Cloudinary and GraphQL for incredible asset management!

Generative Data Visualization, part 3

The holy bucket lives! In this episode, Shirley Wu returns to the show to continue teaching us how to create custom data visualizations using SVG, Vue, and D3.js.

Let's Learn Design Systems!

Design systems are a hot topic, but how do you make sure your design system is useful? More importantly, how do you make sure people actually use it? In this episode, Dan Mall teaches us the fundamentals of design systems and how they can help us be more effective.

Let’s Learn Ghost on the Jamstack!

Where does the content for our Jamstack sites live? In this episode, Dave Darnes teaches us how Ghost makes content management on the Jamstack so easy it‘s spooky!

Create a JAMstack Registration Form

How do users sign up for things on Jamstack sites? In THE 100TH EPISODE OF LEARN WITH JASON, Ramin Sedighi teaches us to use Netlify Forms & Netlify Functions to handle user input

Internationalization in Gatsby Sites

Making your website available in multiple languages is a great way to expand your audience. In this episode, Aisha Blake teaches us how to add i18n to our Gatsby sites!

Sell Products on the Jamstack

How does ecommerce work on the Jamstack? In this episode, Thor 雷神 (https://twitter.com/thorwebdev) teaches us how to use Gatsby, Netlify Functions, and Stripe to start selling products on your website in minutes!

Let's Learn CSS Grid!

CSS Grid lets us create stunning layouts without adding complex markup or JavaScript. In this episode, Rachel Andrew (https://twitter.com/rachelandrew) — a driving force behind Grid‘s spec & adoption! — teaches us how to get started!

Sell Products on Your Jamstack Site

For independent creators, finding ways to charge for creations helps keep the dream alive. In this episode, Chris Biscardi (https://twitter.com/chrisbiscardi) and Jason will add Stripe payments to the Party Corgi website.

Build a Cart Powered by State Machines

State machines help us visualize complex UI logic and make our components much more predictable and error resistant. In this episode, Jason creates a state machine using xstate to manage the opening and closing of an animated cart component.

Let's Build a Game!

Do you wish you could build your own video game, but it seems impossibly hard? This episode is for you: Cody (https://twitter.com/halvves) teaches us how to use PlayCanvas to collaboratively build games using WebGL!

Use Gatsby & WordPress for Dynamic Sites

Content writers love the content management workflows that WordPress provides. Devs love the developer experience of using Gatsby. And when you combine the two? Everyone wins! In this episode, Zac Gordon (https://twitter.com/zgordon) teaches us how to power Gatsby sites with WordPress and how to add dynamic features!

Custom CSS Animations with Splitting.js

Make smooth, interactive CSS animations with CSS Variables! In this episode, Stephen Shaw (https://twitter.com/shshaw) teaches us how to create custom text animations and Twitch overlays using CSS, HTML and Splitting.js.

Creating CSS & Variable Font Text Effects

When it comes to creative uses of typography on the web, few people can hold a candle to Mandy Michael (https://twitter.com/Mandy_Kerr). In this episode, Mandy teaches us how to create our own text effects!

JAMstack CMS & Ecommerce

Shipping ecommerce sites on the JAMstack is more approachable than you might think. In this episode, Nader Dabit (https://twitter.com/dabit3) teaches us how to use the JAMstack CMS to deploy ecommerce sites on the JAMstack quickly.

Cross-Platform Twitch Extensions pt.2

In this episode, Learn With Jason moderator Darrik Moberg (https://twitter.com/MDarrik) continues teaching us how to create custom extensions for Twitch that work on both the website and apps.

Build a Personal Blog Using Gridsome

If you like the idea of using Gatsby, but prefer to use Vue over React, this episode is for you! Gift Egwuenu (https://twitter.com/lauragift21) teaches us how to use Gridsome to create a personal blog website.

Set up a New Gatsby + Shopify Ecommerce Sites pt. 2

Join Jason as he adds theme-ui to Netlify’s brand new Gatsby + Shopify swag store, with lots of shenanigans along the way.

Set Up a New Gatsby + Shopify Ecommerce Site

How do you create a Gatsby + Shopify site from scratch? In this episode, Jason starts with an empty folder and creates a new Gatsby site that pulls Shopify data.

Automatic Deploys with Nuxt on Netlify

If you want to build your site using Vue and get all the speed and convenience of static sites, Nuxt is a great option. In this episode, Shirley Wu (https://twitter.com/sxywu) and Jason will dive into Nuxt to lay the foundation for Shirley‘s new site.

Generate Custom Party Corgi GIFs!

Have you ever wanted to know what you look like as a party corgi? In this episode, Chris Biscardi (https://twitter.com/chrisbiscardi) returns to the show to create custom party corgi GIFs in the browser.

How to Write a Scope for a Website Project

How do we turn an idea into a plan? In this episode, Jason walks through his process for converting a design and an idea into a technical scope and plan.

Combine REST APIs in GraphQL Using 8base

If you have a bunch of different REST APIs that you need to use in one site, it can be cumbersome to connect to all of them separately. In this episode, Sebastian Scholl (https://twitter.com/sebscholl) will teach us how to use 8base to combine multiple REST APIs into a single, unified GraphQL API.

Visual Testing Using Cypress and Applitools

When you're shipping websites and apps, one of the most important things is that they look right to the people using them. In this episode, Angie Jones (https://twitter.com/techgirl1908) teaches us how to use Cypress and Applitools to ensure that we're shipping things that look right, every time.

Fun With Custom Maps and Animation

Creating maps might seem intimidating, but Eli Fitch (https://twitter.com/elifitch) joins us in this episode to teach us how Mapbox can make creating custom, interactive maps a little more approachable and a whole lot more fun!

Add Subscription Support to Websites Using Stripe

From software licenses to monthly boxes to recurring donations, adding subscriptions is a common need for web developers. In this episode, Nick DeJesus (https://twitter.com/dayhaysoos) teaches us how to set up subscriptions using Stripe and add recurring payment buttons to your website.

Let’s Learn Eleventy!

If you want to build a JAMstack site, there are lots of great options out there. In this episode, Zach Leatherman (https://twitter.com/zachleat) teaches us how Eleventy makes building static sites fast and fun.

Create a Static Site Using Angular & Scully

Did you know that Angular can generate static sites now? With Scully, it’s now possible! In this episode, Tara Z. Manicsic teaches us how to create JAMstack sites with Angular and Scully.

Build a Party Corgi Gatsby Website

What’s better than a corgi? A Party Corgi! On this episode, Papa Party Corgi himself, Chris Biscardi, joins to build the Party Corgi official website using Gatsby. (The Party Corgi Network is a community of livestreamers and stream watchers. You should join!)

Let's Learn Svelte!

Svelte is a powerful framework that compiles code to framework-less app vanilla JavaScript. In this episode, Svelte‘s creator, Rich Harris (https://twitter.com/Rich_Harris) teaches us what that means and how we can get started with Svelte today!

Automate Image Performance Using ASTs

To get the best possible website performance, we should be optimizing our images, generating different sizes for different viewport resolutions, and adding support for lazyloading. That’s a lot of work — unless you automate it. In this episode, Phil Hawksworth (https://twitter.com/philhawksworth) teaches us how to improve image performance automatically using AST transformations.

Advent of Code: Learn ReasonML

Advent of Code is a great opportunity to try out new languages for fun, even if you may never use them for work. In this episode, Jason will try to teach himself ReasonML while working through the first few Advent of Code challenges.

Introduction to Vue

When people talk about modern web frameworks, Vue is almost always included on the list. In this episode, Divya Sasidharan (https://twitter.com/shortdiv) teaches us how we can get started with Vue for building web apps and sites.

Build a Personal Site Using Gatsby Themes

Now that Gatsby Themes have been launched, where should you start with a new site? In this episode, Will Johnson (https://twitter.com/willjohnsonio) pairs with Jason to work on his personal Gatsby site. Follow along to learn how you can get started with Gatsby and Gatsby Themes today!

Build a Cross-Platform Twitch Extension

If you want to show specific information on a Twitch profile, how do you do that? In this episode, Learn With Jason moderator Darrik Moberg (https://twitter.com/MDarrik) teaches us how to create custom extensions for Twitch that work on both the website and apps.

More Fun with AST Transformations

In this follow-up to the previous stream on abstract syntax trees (ASTs), Jason dives deeper and tries to figure out how to rewrite HTML image tags to use srcSets, cloud image processing, and other performance optimizations.

Transform Content With Abstract Syntax Trees

What are abstract syntax trees (ASTs)? How can we use them to make changes to files? In this episode, Jason dives into the world of ASTs and writes his first transformation using unified, remark, and rehype.

Use Netlify Functions to Build a Sound Board in Gatsby

In this video, Jason adds Netlify Functions to his Gatsby site to enable dynamic functionality on a JAMstack app. We start by setting up an Express API, then go through writing serverless functions to send button clicks to that API.

Art Direction for Developers

Whether you’re working with a team, a client, or both, any project you build will likely end up with a long list of things that need to be included on the page. How do you fit it all in while keeping the page readable, uncrowded, and pleasing to look at? In this episode, Tatiana Mac teaches us how to add art direction into our development projects.

Generative Data Visualization Design and Planning, part 2

Shirley Wu creates art from data. In this episode, Shirley takes the decisions we made in part one of this miniseries and teaches us how to turn them into gorgeous, computer-generated data visualizations.

Build a Gatsby Site With Nest.js

What is Nest.js, and how does it make building APIs easier? In this episode, Ryan Chenkie (https://twitter.com/ryanchenkie) teaches us how to create a GraphQL API using Nest.js, then builds a Gatsby site using the data.

Taking Action With GitHub Actions

One of the more exciting features GitHub has released is GitHub Actions. On this episode, Brian Douglas joins to teach us what GitHub Actions can do. (Hint: they can do a *lot*.)

What the Heck Are Variable Fonts?

Variable fonts have been quietly making the web more capable and performant for a couple years now, but there’s a good chance we haven’t noticed. In this episode, Jason Pamental (https://twitter.com/jpamental) teaches us how variable fonts work and how we can use them *right now* to add better art direction and performance to our web projects.

Fun with Machine Learning pt. 1

In the second installment of this two-part special Halloween episode, Gant Laborde (https://twitter.com/GantLaborde) teaches us how to use machine learning to add spooky masks to photos with face-api.js, a facial recognition library powered by TensorFlow.

Fun with Machine Learning pt. 2

In the second installment of this two-part special Halloween episode, Gant Laborde (https://twitter.com/GantLaborde) teaches us how to use machine learning to add spooky masks to photos with face-api.js, a facial recognition library powered by TensorFlow.

Getting Started With Netlify CMS

Netlify CMS is a way for developers to manage site content through Git, but with a UI. And with new support for open authoring in GitHub, getting a community contribution is more approachable than you might think. Benaiah Mischenko teaches us how to get started with Netlify CMS and walks us through setting up Open Authoring.

Build a Chatbot with GraphQL and Fauna

Fauna is a database that's friendly to start with for serverless apps. In this episode, Summer Schrader and Bruno Quaresma teach us how to use Fauna to power a Twitch chatbot.

Generative Data Visualization Design and Planning

Shirley Wu creates art from data. In this episode, Shirley teaches us how to approach creating a beautiful data visualization and shares her process for making complex data into stunning, understandable designs.

Sketching, Illustration, and Logo Creation

Creating a memorable logo for your app or company is challenging. On this episode, Maggie Appleton joins to share her techniques for creating, sketching, and illustrating incredible logos.

Create Apps Using a Component Library

How can you get started quickly with building professional-looking apps? On this episode, Marquet Reid joins to teach us how to quickly create websites and apps using Material UI.

Build a Gatsby Transformer Plugin for Cloudinary

In a marathon solo stream, Jason builds out most of a Gatsby transformer plugin to upload local files to Cloudinary and add support for using Cloudinary images in gatsby-image.

Deploy a Gatsby Site + API Using ZEIT Now

How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple. On this episode, Leo Lamprecht teaches us how it works.

Turning an App Idea into a Plan with UX Design, Workflows, and Prototypes

When you have a new idea for an app, where should you start? On this episode, Marisa Morby will teach us how to take an idea from zero to actionable using UX design techniques like user workflows and lo-fi prototyping.

Introduction to Three.js

3D rendering can be intimidating — but it doesn’t have to be! On this episode, Sarah Drasner joins to give us an intro to 3D rendering in three.js.

Advanced GraphQL Techniques in Gatsby

Can a GraphQL node get data from two different places? Can we use GraphQL to normalize data form different sources? Mikhail Novikov teaches us advanced GraphQL patterns with Gatsby so you can create extremely powerful apps and websites.

Client-Side GraphQL Using URQL

GraphQL is one of the most powerful advances in accessing and managing data in a long time. On this episode, Phil Pluckthun and Jovi De Croock will teach us how to set up a GraphQL-powered front-end using URQL, a customizable, extendable GraphQL client.

Image & Video Magic with Cloudinary

Managing images and video for the web can be a pain: resizing, color adjustment, switching file formats, cropping, and so many other small adjustments add up to a large hassle. On this episode, Tessa Mero joins to teach us how Cloudinary makes media management quick and painless using their image and video APIs.

Animation and 3D in react-three-fiber

3D animation in the browser can be super intimidating. In this episode, Paul Henschel joins to teach us how to use react-three-fiber to create high-performance 3D animations and shapes in the browser.

Set up Strapi as a CMS for Gatsby

Strapi is an open source, self-hosted Node.js headless CMS, which makes it a great option for setting up a Gatsby site. On this episode, David Kartuzinski (https://twitter.com/kai_dawei) joins to teach us how to set up Strapi from scratch to power a Gatsby site.

Make a Beat from Scratch in Logic Pro X

How do beats get made? In this episode, Joe, a.k.a. Steel Tipped Dove joins to teach us how to create beats in Logic Pro X using samples and built-in instruments.

Build Your Own Meme Website

Sara Vieira is the queen of memes. On this episode, she joins to teach us how to build a fun, silly website to showcase her many amazing memes and make them interactive.

Using Contentful and Gatsby Together

Contentful provides a flexible, powerful content management back-end, which pairs really well with Gatsby. In this episode, Khaled Garbaya will teach us how to use Contentful to power Gatsby sites.

Data Visualization in React Using Gatsby

How can you create data visualization that works well in progressive web apps? On this episode, Swizec Teller joins to teach us how to use D3, React, and Gatsby to create SSR-friendly data visualizations for high performance dataviz.

Design Systems and MDX in Gatsby

Creating design systems with great documentation and examples can be a pain. MDX makes it *far* less painful — on this episode, Kathleen McMahon (https://twitter.com/resource11) joins to teach us how to create excellent documentation for a design system using MDX and Gatsby.

Build a Video App With Twilio + Gatsby

Did you know you can create collaborative video chat apps *really fast* using Twilio and Gatsby? Nathaniel Okenwa teaches us how to integrate Twilio's developer-friendly APIs with Gatsby to create an interactive video chat app.

Serverless GraphQL Functions in AWS

Learn how serverless functions work with GraphQL on AWS. Kurt Kemple (https://twitter.com/kurtiskemple) will teach us how to set up our own serverless GraphQL functions and use them with a Gatsby site.

Loading and Filtering API Data in Gatsby

How does Gatsby load data from other platforms and sources? And how do we actually use that data once it’s loaded? On this episode, Brittney Ball (https://twitter.com/Brii_toe_knee) pairs with Jason to create a source plugin and build a site using its data.

Cron Jobs and Scheduling Gatsby Builds

How do you schedule a post to go live in the future when using Gatsby? In this stream, Kelly Vaughn (https://twitter.com/kvlly) pairs with Jason to dive into scheduled content with cron jobs, webhooks, and other strategies for postdated content. Discuss on Twitter: https://jason.af/lwj-cron

Build a Gatsby + Drupal Website

If you work with Drupal and need a high-performance front-end, Gatsby is a great option! In this stream, Grant Glidewell (https://twitter.com/grantglidewell) teaches us how to use Decoupled Drupal with Gatsby to build flexible, high-performance websites and apps. Discuss on Twitter: https://jason.af/lwj-drupal

Building Websites with Gatsby

Join Laurie Barth (https://twitter.com/laurieontech) as she pairs with Jason to learn more about what Gatsby can do to make building your website fun and fast! Discuss on Twitter: https://jason.af/lwj-laurie

Gatsby + WordPress with WPGraphQL

Did you know WordPress & Gatsby are great together? In this stream, Jason Bahl (https://twitter.com/jasonbahl) teaches us how to use WordPress with Advanced Custom Fields and WPGraphQL to create an powerful, flexible admin dashboard, then query and display that data in a Gatsby site. Discuss on Twitter: https://jason.af/lwj-wpgraphql

Build an RSS Feed-Powered Podcast Site

Join Amberley Romo (https://twitter.com/amber1ey) and Jason as they build out support for a podcast theme to take a podcast RSS feed and turn it into a full website. This episode digs into Gatsby source plugin internals, linking between data nodes, and debugging Gatsby APIs. Discuss on Twitter: https://jason.af/lwj-rss

Docs and Examples in Gatsby Themes

How do you create clear, helpful documentation and demos for Gatsby themes? In this livestream, Horacio Herrera (https://twitter.com/hhg2288) pairs with Jason to add documentation and an example to a theme. Discuss on Twitter: https://jason.af/lwj-theme-docs

MicroFront Ends in Gatsby

If you work on a large team or a complex app, you may have used a microservices architecture or the newer microfrontend architecture. In this stream, Chris Biscardi (https://twitter.com/chrisbiscardi) teaches Jason how to use Gatsby as the orchestration layer for complex and/or large-team apps. Discuss this video on Twitter: https://jason.af/lwj-microfrontends

Building Your First Gatsby Theme

Join Emma Bostian (https://twitter.com/EmmaBostian) as she pairs with Jason to build her first Gatsby theme!

Composing and Styling Gatsby Themes

Gatsby themes open up a lot of incredible opportunities, and theme-ui might just be the perfect tool for making themes composable, interoperable, and even more powerful. Brent Jackson (https://twitter.com/jxnblk) will teach us how to build even better Gatsby themes with theme-ui!

User Auth and Roles with Hasura

Learn how to set up user authentication and role-based permissions in Hasura from Vladimir Novick (https://twitter.com/vladimirnovick). We dive into how to use Hasura to manage data, Auth0 to manage authentication and roles, and how to tie those together in Hasura for a really great developer experience.

Build a Gatsby Theme for Podcast Websites

Learn along with Henry Zhu (https://twitter.com/left_pad) and Jason Lengstorf as we extend Amberley Romo’s podcast theme. We dive into modifying the Syntax.fm podcast player to work with Gatsby themes!

How to use Kentico Cloud + Gatsby

Kentico Cloud promises to deliver “omnichannel experiences” as a headless CMS. I have no idea what that means, but we’ll find out during this episode! Ondrej Polesny (https://twitter.com/ondrabus) teaches us how to build a blog using Kentico Cloud and Gatsby.

Use Airtable as a CMS for Gatsby

Airtable is like Excel with rocket boosters. Learn along with Jason as Giovanni Briggs (https://twitter.com/thef1rstpancake) from Airtable teaches us how to build a Gatsby site using Airtable as the CMS.

How to use Netlify Identity and Netlify Functions

Want to add authentication and dynamic actions to your Gatsby sites with very little setup? Shawn Wang (https://twitter.com/swyx) shows us how Netlify Identity gives us a quick way to set up authentication, then teaches us how to send requests to a database using serverless (also called "lambda") functions.

Add Algolia Search for Your Gatsby Site

Adding custom search to your site doesn’t need to be hard! Bram Adams from the Algolia team will teach us how to implement a custom search on a Gatsby site.

What Can AWS Amplify Do?

Follow along as Nader Dabit (https://twitter.com/dabit3) teaches us how to create a GraphQL API using AWS Amplify (specifically AppSync), build a Gatsby site using that GraphQL API, then deploy it using AWS Amplify.

How to Use Ionic with React

Mike Hartington (https://twitter.com/mhartington) teaches us how to use the Ionic framework with React.

Automated & Manual Accessibility Testing

Making websites accessible is a great way to make sure we’re always building great experiences for everyone. In this episode, Marcy Sutton (https://twitter.com/marcysutton) teaches us how to automate accessibility (a11y) testing, and walks through tools for manually checking the most critical sections of our apps.

Let's Learn State Machines!

What are state machines? How are they helpful? In this episode, David Khourshid (https://twitter.com/DavidKPiano) walks us through refactoring a React component to use xstate, which helps us clear up some bugs and add more predictability.

What the Heck is Glitch?

What is Glitch, and what does it mean for community, development, and learning? In this podcast, Potch (https://twitter.com/potch) teaches Jason how Glitch works and how you can use it for Gatsby projects and a whole lot more!

Convert an Existing Gatsby Site to a Theme

How do you convert an existing Gatsby site to a Gatsby theme? In this screencast, Greg Rickaby (https://twitter.com/GregRickaby) converts his site, https://gregrickaby.dev, to a Gatsby theme.

Build an Accessible, Customer Feedback Widget

We want to capture feedback from the community on our documentation to make sure we’re meeting people’s needs and constantly improving. Marcy Sutton (https://twitter.com/marcysutton) teaches Jason Lengstorf (https://twitter.com/jlengstorf) how to build an accessible feedback widget using React.

Add Auth0 to Your Gatsby App

In this stream, we learn how to integrate Auth0 to add authentication to your Gatsby apps.

Write Tests for Gatsby Sites & Apps

Make sure your Gatsby sites and apps are reliable and high quality with a good testing strategy.

Learn How React Hooks Work with Gatsby

Learn all about React Hooks and how they change the way we write components. Sidhartha Chatterjee (https://twitter.com/chatsidhartha) teaches Jason Lengstorf what it means to write and refactor code with React Hooks, and shows off some new hooks that were just added to Gatsby.

Build a Gatsby Theme

Gatsby Themes are the Next Big Thing™ for building web sites and apps. In this stream, John Otander (https://twitter.com/4lpine) teaches Jason Lengstorf (https://twitter.com/jlengstorf) how to build a Gatsby theme from scratch, how to use it, and how to create child themes.

Build a Portfolio Site with Sanity.io and Gatsby

Espen Hovlandsdal (https://twitter.com/rexxars) teaches Jason Lengstorf (https://twitter.com/jlengstorf) how to build a portfolio site using Sanity.io and Gatsby. Along the way, there are some really mind-blowing moments for content editing, including real-time collaboration, live updates, and image editing.

Build an eCommerce Site Using Stripe + Gatsby

In this video, Thorsten Schaeff (https://twitter.com/thorwebdev) teaches Jason how to build an e-commerce store using the new Stripe Checkout.

High Performance Images Using Gatsby

Emma Bostian (https://emmawedekind.com) and Jason Lengstorf work on converting Emma’s portfolio page to use `gatsby-image` for better performance and user experience. Along the way they talk about StaticQuery, GraphQL, and how Emma designs websites.

Build a Cosmic JS Powered Blog Using Gatsby

In this video, Tony Spiro (https://twitter.com/tonyspiro) walks Jason Lengstorf through the process of creating a Cosmic JS site, adding content, and displaying that content on a Gatsby site.

Facial Recognition & Machine Learning in React & Gatsby

In this episode, Gant Laborde (https://twitter.com/GantLaborde) teaches Jason how to build an app to tell whether an uploaded photo is Jason or Kyle Shevlin. Along the way, they talk about how facial recognition algorithms work, the ethical implications, and building for "The Dumb Internet".

Katie Builds Her First Gatsby Website

Katie Fujihara (https://twitter.com/KatieFujihara) joins us today to build her very first Gatsby website. This is a great stream for anyone who’s new to Gatsby and wants to get an idea of how to create pages, link between them, and create pages dynamically.

Build a Podcast Mashup App Using OneGraph + Gatsby

In this episode, Sean Grove (https://twitter.com/sgrove) teaches us how to use OneGraph — a super powerful way to combine data from lots of different apps into a single, unified GraphQL API — in a Gatsby app that loads the latest from a few of our favorite podcasts. We even set up webhooks to automatically rebuild the site whenever a new episode is available!

Deploy a Site with the AWS Amplify CLI

In this stream, Nader Dabit (https://twitter.com/dabit3) teaches me to use the AWS Amplify CLI (https://aws-amplify.github.io/) to deploy a Gatsby (https://gatsbyjs.org) site.