codetv originals
Watchepisodes
Sanity-backed episodes styled to feel closer to legacy CodeTV: loud type, dark stage, bright metadata, and video-first cards instead of generic app tiles.
The Best Landing Page Ever
Build a landing page that makes us all stop and pay attention.
Notion (Knowledge Management System)
In this episode, the teams have 6 hours to build their own knowledge management system.
Tanner Linsley
Tanner Linsley built TanStack into a thriving open source community. Now he needs to turn it into a sustainable business.
Salesforce (Customer Relationship Management)
In this episode, the teams have 6 hours to build their own customer relationship management (CRM) system.
Colin Sidoti
Colin Sidoti, co-founder and CEO of Clerk, on why an exit isn't the goal for him.
Rebuild your website (again)
Reclaim your lil corner of the internet with atproto.
Workday (Applicant Tracking System)
In this episode, the teams have 6 hours to build their own applicant tracking system.
Kylie Robison
Kylie Robison has broken huge tech stories for publications like Business Insider, Wired, The Verge, and Fortune, and now works at Core Memory.
Linear (Project Management)
In this episode, the teams have 6 hours to build their own product development hub.
An app to bring people together
Let's use the computers to make us LESS lonely, maybe?
Build an app to help people build
Apps that help people build. Build more apps. Build confidence. Build a habit. Build a community.
WebAssembly is not as hard as it seems
Its common to only hear Wasm talked about in contexts that seem… advanced. How can mere mortals like us hope to build with it? Patrick Dubroy talks about flattening the learning curve and putting Wasm in context.
Build your own JS compiler in WebAssembly
WASM is one of those technologies that we hear about all the time, but how many of us are actually able to take advantage of it? Patrick Dubroy teaches us first steps toward becoming fluent in WebAssembly.
Build an app people can't help but play with
You can't just look at these apps. They demand interaction.
Svelte goes beyond the DOM
Svelte is well loved as a web framework, and now the team is working to take it multi-platform. Svelte’s custom renderers API will enable native apps, terminals, and more to be build with Svelte. Maintainer Paolo Ricciuti joins to explain what it will take, both technically and practically.
Why are devs excited about npmx when everyone seems to be sad about other OSS?
When npmx showed up, it created a wave of enthusiastic support and open source collaboration. And because we’re in a moment where most discussion about OSS feels pretty bleak, the joy around npmx feels unique. What makes it different? Maintainers Daniel Roe, Salma Alam-Naylor, and Matias “Patak” Capeletto share their secrets.
Access control to stop AI agents from deleting all your data
There’s no shortage of horror stories about AI agents deleting family photos, wiping databases, or deleting the entire code base. But to do the things they promise to do, AI agents need access to sensitive accounts, file systems, databases, and code repositories. How can developers create the right balance of access and control that allows agents to be useful without allowing them to cause disaster when they go off the rails? Chris Sev talks auth for AI agents, the core primitives that will enable developers to build systems that safely incorporate agents, and how we get from the chaos that early adopters are dealing with now to something that a mature company can actually run in production.
Authenticating AI Agents
As AI agents continue to grow in popularity, figuring out how to keep them from leaking secrets, destroying sensitive data, or otherwise wreaking havoc is more important than ever. Chris Sev teaches us how to control what agents can & can’t access.
The promise of ATproto is social media without corporate overlords
Developers building apps on ATproto, the technology behind social media apps like Bluesky and Leaflet, are promising us a future where we own our content and aren’t at the whims of a tiny handful of companies. Software engineer Zeu Capua talks to host Jason Lengstorf about the promise of social media where we can actually own our own data.
Build decentralized social media with ATproto
Can social media exist without being owned by big companies? The community behind ATProto believes social media should be about people, not specific apps. Zeu Capua gives us an intro to building apps for the atmosphere.
How to not get bogged down by admin tasks as a business owner
If you work with clients or contractors, you’re dealing with agreements, project templates, processes, and other admin overhead that can completely bury you if you’re not careful. Raileen del Rosario joins host Jason Lengstorf for a discussion about automating the repetitive bits of running your business.
Automate away busywork
Once a contract is signed, you need to create projects, repos, kickoff emails, and more — but that admin work can be automated! Learn how to build automated workflows with the DocuSign API.
Nuxt maintainer on building the world you want to live in
Daniel Roe is at the center of some of the healthiest pockets of the developer community, and that's not a coincidence.
GitHub Copilot CLI (and SDK)
Learn the GitHub Copilot CLI from Sr. Director of Developer Advocacy Cassidy Williams.
The Fix for useEffect in React
Async React has gotten a whole lot better. Maintainer Ricky Hanlon really wants you to stop yelling at him for stuff that's fixed already.
Why Marcy Sutton left Gatsby for Astro
What should you consider when deciding to switch to a new web framework?
Angular Signal Forms with Core Maintainer Alex Rickabaugh
How a mature open source project approaches big changes, with Angular maintainer Alex Rickabaugh.
How to connect everything to everything with Inngest
How to make a workflow that works out of a bunch of disjointed third party services.
GitHub COO’s advice to devs in the age of AI
Kyle Daigle has been at GitHub for over a decade. Hear what keeps him showing up for work, plus how he sees AI impacting development.
Build a Delightful App
Charming apps with human connection.
Angular Signal Forms
Forms are famously complex to build. Angular v21 introduces Signal Forms, which promises auto-synced state, type safety, and schema-based validation. Alex Rickabaugh teaches us how they work.
Build a Better Online Shopping Experience
Imagining online shopping experiences that are actually awesome.
Hands On With Async React
Learn how Suspense, transitions, and optimistic updates work in React with core team member Ricky Hanlon.
Operators Are Standing By
Build a software powered phone hotline.
No Keyboards Allowed
How can you control an app without a mouse or keyboard?
Handling images in Astro
When porting a site to Astro, how do you handle images? Marcy Sutton and Jason Lengstorf pair program to set it up on Marcy’s site.
The Most Important App of the Day
Build a web app that is somehow related to breakfast.
Connect everything and anything in real time
Complex orchestration across different services, APIs, and LLMs is, in a word, hard. Especially when you need user interaction along the way. Inngest is out to make it manageable. CTO Dan Farrelly will teach us.
Personal Software
Apps for a target audience of just one: you.
Aisha vs. Janessa
Even Mark isn't safe from the spice in the season 1 finale.
Touch Grass
Apps to help us reconnect with the world outside the screen.
Asynchronous Svelte
Just about every app is going to involve async operations (e.g. fetching data). What if you could just… await it right in the framework? In Svelte, you can! Rich Harris teaches us how.
Generative user interfaces
We keep hearing AI is going to change everything, but so far it’s mostly given us helpdesk-like chat interfaces. Mike Ryan thinks it can be better and he’ll show us how with Hashbrown.
Build the Future of AI-Native UX in 4 Hours
How will websites evolve if it's all powered by AI?
Tiger vs. George
George can feel the heat. Tiger might not make it.
If you’re frustrated by React, try this
At 3kB, Preact promises us a drop-in replacement for React’s developer experience. Maintainer Jovi De Croock teaches us how it works.
Give in to your worst developer urges
Hours of development can save you minutes of mildly annoying work!
How to make a design system that’s not boring
Critics of design systems say that they make everything look exactly the same. Brad Frost teaches us how design tokens help balance between consistency and creativity.
Charles vs Brittany
Charles needs more than one language to express himself. Brittany almost loses it.
Andy vs. Alexis
Alexis talks a big game. Andy fears retribution.
Build “invincible” apps with durable workflows
Making sure apps don’t fail when networks are flaky, APIs have temporary outages, or other problems? Alex Garnett teaches us how durable workflows make apps resilient without overcomplicating our workflow.
Build a site with zero business value
These websites make you rethink whether the internet was a good idea.
Potch vs. Tru
Potch chooses teamwork. Tru didn't read the fine print.
Build the most devious video player
Technically these are video players.
Learn React Router v7 from the Maintainers
What has the team behind Remix and React Router been up to? DevRel and maintainer Brooks Lybrand teaches us about route config, type-safe routing, middleware, RSC/server functions, and more.
Brandon vs. Marcy
Brandon came to play. Marcy wants more heat.
Build a game that's played on at least 2 devices
Teams of devs get 30 minutes to plan and 4 hours to build a game played on at least 2 devices.
Chris vs. Robert
Robert gets overheated. Fool smuggles in help.
Intro to Lua for people who know JavaScript
Lua is a scripting language used in everything from games to embedded systems to Wikipedia. Potch teaches us why it’s cool and how to get started.
Build a custom API and an app to consume it
Web Dev Challenge is back! Teams of devs get 30 minutes to plan and 4 hours to build a custom API + app.
Natalie vs. Sammy
Natalie leaves Mark speechless. Sammy goes non-verbal.
Use LiveKit + Twilio to build a phone AI agent
Learn how to create an AI agent that answers phone calls using LiveKit and Twilio. Dr. Sarah Guthals teaches us how it works.
Use LiveKit + Twilio to build a phone AI agent
Learn how to create an AI agent that answers phone calls using LiveKit and Twilio. Dr. Sarah Guthals teaches us how it works.
What the heck is MCP?
It feels like the term "MCP" has showed up EVERYWHERE lately, and with very little warning for folks who aren't deep in the AI space. @jherr teaches us what the Model Context Protocol (MCP) is and how we can use it — plus we build our own MCP server, and even dig into generating a full app with Tanstack Start and Claude.
Christopher vs. Jeremy
Mark fears for Chris's safety. Jeremy gets cocky.
How to build a game engine
Learn how to create a game loop, a render loop, and — if time allows — the camera and viewport. Will King will teach us how to do it in TypeScript (and talk a little bit about why he chose Gleam for his own game engine).
How to Use CSS Anchor Positioning TODAY
Learn how the new anchor positioning tools in CSS work, from common use cases like tooltips to wholly new experiences that become possible. James Stuckey Weber will teach us how we can use it in our projects today.
Shaundai vs. Vincent
Vincent tries to convince us he's fun. Shaundai can smell the subway.
Going further with tests and cleaner code
Part 2: an exploration of TDD as a way to clean up our code — and our thinking. Cory Speisman returns.
SQLite and Turso
It’s hard to beat SQLite for quickly setting up a database on a project — but can it handle “real” projects? Glauber Costa teaches us how it works in production.
Let’s Learn Rspack
How does Rspack, a Rust-based web bundler, make devs’ lives easier? Core team member Zack Jackson shows us how it works.
Joel vs. Shruti
Joel plays it stone-faced. Shruti causes everyone psychic damage.
Recreate a Cool Shuffling Effect in Pure CSS
When Chris Coyier saw Toni Lijic’s hobbies widget, he wanted to figure out how it works and build his own version. He shows us how he reverse engineers CSS in this episode.
Using tests for cleaner code with constant refactoring
Tests can help us clear the clutter out of our thinking — and our code — if we look at them a little differently. Cory Speisman teaches us how TDD can be a thinking tool.
Pilot: Austin vs. Sheng
Austin and Sheng feel the heat in the pilot episode.
Build an app to save Santa's workshop
Kent, Charlie, Domitrius, and Aaron take on a challenge presented by Sanity.
DevTools showcase: Warp, Graphite, and Reflex
How do you make sure your dev environment is helping you get work done? Elvis Kahoro will give us a tour of a few of his favorite dev tools.
Build a connected e-commerce app
Bree, Anthony, Ximena, and Robbie take on a challenge presented by Mailchimp.
Debugging complicated apps
When you’ve got a frontend, a backend, and more in between, how do you debug issues? Lazar Nikolov teaches us how to use tracing.
Build an app to show gratitude
Brian, Zeu, Sarah, and Jason take on a challenge to build an app to show gratitude.
Build a spooky app
Joel, Danny, Doug, and Jason take on a challenge to build spooky apps.
Create consistent designs in React using Tailwind CSS
Learn how to create a “mini design system” for your projects of all sizes using Tailwind CSS. Bree Hall teaches us.
Build an app to capture memories
Lawrence, Amy, Josh, and Jason take on a challenge to build an app to create memories.
Ship native apps with web tech using Tauri
Access native APIs using a JavaScript runtime to ship fully functional native apps with Tauri without needing to write Rust. Atila Fassina teaches us.
Leave when it's going well
Sunil Pai has been a FAANG engineer and founded a startup that was acquired by Cloudflare. Learn why Sunil leaves jobs when things are going great.
AI should do chores, not the fun stuff
What’s the *right* use for AI? Laurie Voss thinks it’s great at doing boring chores, and in this episode we learn what that means and how we can put the robots to work so we have more time for the fun stuff.
First look at Astro 5 beta
One of the most promising web frameworks is looking even more exciting with the features landing in v5. Ben Holmes, will give us a guided tour of the content layer, actions, typed env vars + more in the Astro 5 beta.
Build an app to help the local food scene
Maxi, Natalie, John, and Jason take on a challenge presented by Clerk, Convex, and Raycast.
Use Vitest with Browser Mode
With Vitest’s browser mode, you can run your tests in the browser natively. Learn how from maintainer Vladimir Sheremet.
Let’s Learn Waku for React
Waku’s goal is to “make React development fun again”. Learn how this minimal framework lets us build with React Server Components and more with creator Daishi Kato.
Let’s Learn SolidStart
Pushing boundaries is nothing new to the Solid.js team. With SolidStart, they’re aiming to bring fine-grained reactivity to fullstack apps. Ryan Carniato teaches us how it works.
Build an app for monsters
Shruti, Zrybea, Annie, and Jason take on a challenge presented by Clerk, Convex, and Raycast.
3D on the web with React
3D assets are showing up on more websites these days. Sara Vieira has experience in both React and 3D modeling, and she’ll teach us how to combine them in our apps.
A Second Season?!
A test
Let’s Learn Ember.js
When I asked Robbie Wagner what Ember.js is, he called it “the Rails of JavaScript”. Learn what it is and how we can use it in our web projects.
Build an e-commerce site... with a twist
Sidney, Alex, Shaundai, and Jason take on a challenge presented by Algolia.
Build a web version of a board game
How do you build a board game using HTML, CSS, and JavaScript? Eli Goodman joins to teach us how we can build our own using web tech.
Put videos behind auth
How do you build a web app that only shows video content to logged-in users? Darius Cepulis will show us how to set it up with Mux.
Build a retro gaming app
Lindsay, Dev, Ben, and Jason take on a challenge presented by AWS Amplify.
Build your own metaframework with Vinxi
Vite and Nitro are the building blocks of many metaframeworks today. Dev Agrawal will teach us how Vinxi lets us use Vite + Nitro to build our own JavaScript metaframework.
Creative freedom at work isn't impossible, it's just hard
How much of yourself is too much to put online? Salma Alam-Naylor talks about aligning creativity and self-expression with business goals.
Don't build another effin' chatbot
Lizzie, Chance, Jack, and Jason take on a challenge presented by DataStax.
How treating life like a video game means you can't fail
Rachel Lee Nabors thinks about risk differently. Learn their secret for taking big risks and reaping huge rewards.
Build a design system with CSS
Mike will teach Jason how to build a design system using CSS. The system will make it easy to build pixel-perfect pages without needing to write CSS every time a new feature is added.
AnalogJS is the full-stack meta-framework for Angular
There’s a whole lot of interesting innovation happening in AnalogJS. Creator Brandon Roberts will teach us why it’s exciting, whether you’re an Angular dev or not.
Maggie Appleton stopped setting goals; she's way happier now
Maggie Appleton has proven her ability to grow and master a skill set, but she's not worried about labels. She's not worried about... well, ANY of this stuff, really.
Run Next.js without Vercel
What does it take to support Next.js on a platform other than Vercel? Rob Stanford will share how he and his team reverse engineered Next.js to add support for its complex feature set on Netlify.
Node.js and its many, many new features
When was the last time you looked at what Node.js is capable of? If you're like me, it's been a while — and a LOT has changed. TSC member Matteo Collina will show us what's new and how we can modernize our projects.
Auth and RBAC in multi-tenant React apps
One of the first challenges many web apps face is how to manage user authentication. Julianna Lamb will show us how to use Stytch and its pre-built UI components to add auth to a React + Express app quickly.
Adding state to serverless applications
Serverless has always come with a trade-off: apps that use it are stateless by design. But Sunil Pai has a way to make serverless stateful, and he's going to show us how it works.
Dev Mode and Custom Plugins in Figma
How can web developers and designers work together in Figma? Live from the Figma offices in San Francisco, Jake Albaugh will teach us how Dev Mode improves the design handoff, and how the Figma plugins API enables more powerful customization.
Val Town wants to make serverless JavaScript easier
HTTP handlers, cron jobs, email handlers — all the little things we need to set up as web apps get more complex. Steve Krouse will teach us how Val Town can help.
Smoothies
Not every project is a whole meal. Sometimes it's just a smoothie.
Collaboration
It's fun to make stuff. It's better to make stuff with friends.
No ragrets
My whole life philosophy sounds ridiculous when I say it out loud.
Deliberate practice
The only way to get better at a thing is to keep doing the thing.
Fixing async/await in JavaScript and TypeScript
If you've ever hit issues with async/await, structured concurrency might have some solutions for you. Charles Lowell will teach us what the heck it is and how it can improve or software architecture.
If you go looking for it, you'll find it
A little thought that changed my whole outlook on life.
Cruel universe
If you've ever felt like the universe is out to get you, watch this.
The good parts
Why is it harder to share the good parts?
Quiet days
Not every day needs to be a big day.
Isolation
Indie life can make you feel isolated. Despite that, I'm doing my best to keep human connections strong in my life.
Astro’s biggest release yet
Astro’s got big news, and Fred K. Schott is teaching us what it means for web dev using Astro.
Build a viral event sharing page
Michael, Ben, Sara, and Jason do their best to build an event sharing page that could go viral.
Insecurity
It might not seem like it, but I have a ton of insecurities. I don't know that I *like* them, but I try to put them to work.
Don't "follow your passion"
I don't love the phrase "follow your passion". Here's why.
Why my ideas don't get made
I've been waiting until I have enough time to make videos just for me. But there'll never be a "good time" — there's just "now" or "later". So... let's do it now.
React Suspense in GraphQL with Apollo Client
Learn how to combine the latest in GraphQL and React Suspense to build apps that feel great to build AND to use. Lenz Weber-Tronic will teach us how it works.
Run Go, Rust, and more in JavaScript using WASM + Extism
We can build cross-language applications that can use Go, Rust, Node, PHP, .Net, Ruby, and many other languages through the power of WebAssembly. Steve Manuel will teach us how we can do it quickly using Extism.
What is GenAI and can we do it with JavaScript?
If you're like me and you don't know what "GenAI" means, Adam Cowley will teach us how to use langchain.js and build our own custom apps.
Build a real-time, multiplayer web app
Nick, Steve, Zeu, and Jason build real-time, multiplayer apps.
Make React faster with Million
Can you get better performance than React offers without switching frameworks? Million says you can, and Chance Strickland will show us how it works.
Why a Google engineer says there's no such thing as a dream job
Adam Argyle has what a lot of us might describe as a "dream job" — how does he measure progress and success after achieving what a lot of engineers might consider their ultimate goal?
Build Web APIs Using Python and FastAPI
Python works for the web. Learn how FastAPI allows developers to build web APIs quickly. Jay Miller teaches us how.
Learn With Jason Live, LIVE! The CSS-stravaganza!
Adam Argyle likes CSS. In this episode, he’s live in studio teaching us about everything from @property to @layer to scroll-snap and a whole lot more.
Build a habit tracker web app that makes you laugh
Chan, Dom, Tru, and Jason build a habit tracker to try and make each other laugh.
Qwik + Astro perf on perf on perf
Qwik introduced resumability in JavaScript apps. Astro introduced a “just in time” approach to building complex frontends. Together, are they unstoppable? Steve Sewell will teach us.
Defer and other reasons to try Angular again
There’s a whole lot happening in Angular lately. Jessica Janiuk and the rest of the core team have been working hard to add new capabilities & improved APIs. Learn what’s new & why it’s worth a look.
Build a small business app, but make it DnD
Anjana, Cody, Tom, and Jason build a small business site in the Dungeons and Dragons universe.
What's new in Redux Toolkit 2.0?
There's a right way to write Redux in 2024. Core maintainer Mark Erikson will teach us what the recommended modern approach is, what's new in RTK 2.0, & the long road toward shipping 5 major OSS libraries simultaneously.
Angular is so back
Devs are excited about Angular again. In this episode, Mark Techson from the core team will teach us how to build a web app using Angular v17.
How to use coding AI assistants effectively
What can an AI coding assistant do, and what’s the best way to add one to your workflow? Ado Kukic will guide us through the options using Cody.
Fun, festive, interactive web animation
Many of the websites we love most are fun and interactive. In this episode, Cassie Evans will teach us how to add a little festive whimsy to our web projects with Greensock.
Build a custom leaderboard web app
Cassidy, David, Shaundai, and Jason build custom leaderboard apps.
Can you actually own your identity and content on the web?
How do you prove you're you on the internet? How do you make sure a startup shutting down doesn't take all your data with it? Rizél Scarlett will show us how we can take back control.
Let’s Learn HTMX!
There’s been a lot of buzz about HTMX. I have no idea what it is. Jack Herrington joined us LIVE IN STUDIO to separate the facts from the memes.
Going Deep on Svelte 5
Svelte’s Runes made a lot of headlines when they were announced. In this episode, creator Rich Harris will teach us about Runes and a whole lot more of what’s new and exciting in Svelte 5.
Build a productivity web app that's NOT a todo list
Salma, Scott, Eve, and Jason build productivity apps that are not the usual todo apps.
3D in React With Triplex, a Visual Editor for react-three-fiber
Triplex is a visual editor for react-three-fiber that uses code as the source of truth. Editing 3D components in React in a Figma-like UI?! Creator Michael Dougall will teach us how it works.
What Sucks About Building APIs (& How To Make It Better)
Generating API keys, rate limits, analytics, free trials, and more — the business side of APIs is complex. James Perkins will teach us how he’s trying to solve that with unkey.
CSS-Only Scroll-Driven Animation and Other Impossible Things
Wait, you can’t do scroll-driven animation with just CSS, right? Bramus will show us that not only is it possible, but there’s even more that CSS can do these days.
Demystifying CSS Container Queries
CSS Container Queries promise even more powerful styling approaches, but… what the heck are they? How do they actually work? Miriam will teach us.
Unify Data Sources with GraphQL
Create a unified GraphQL API using an existing non-GraphQL API, MongoDB, and extend a remote data source with TypeScript. Plus caching and edge deployment! Jamie Barton from Grafbase will teach us how.
What’s new in HTML and CSS in 2023?
The capabilities of HTML and CSS are always improving, and recently the pace has accelerated. Una Kravets will show us all the powerful new browser APIs we might have missed.
Does Astro make heavy JS frameworks obsolete?
Built-in View Transitions and a whole lot more. Astro is betting on the browser over JavaScript. Fred K. Schott returns to teach us.
Add Full Text Search to Your Couchbase Data
Document store databases are flexible, but how do you search? In this episode, Laurent Doguin will teach us how it works.
Build multiplayer SaaS apps with Liveblocks
Add a Figma-like multiplayer editor experience, share & invite dialogs, a document browser, and more using Liveblocks. Steven Fabre will teach us how.
Component-driven development with Faker.js
Using realistic data for dev helps create more resilient code in less time. Jessica Sachs will teach us how to use component-driven dev + Faker.JS to build better code faster.
Make the Fetch API type-safe with feTS
The Guild's feTS lets us build REST APIs with end-to-end type safety using TypeScript and the OpenAPI Spec. Maintainer Aleksandra Sikora will teach us how it works!
Qwik 1.0 is unlike any JS framework you've used before
Now that Qwik has reached a stable v1 release, let’s take another look at what how Qwik’s resumability and other innovations impact how we build for the web. Creator Miško Hevery returns to teach us.
Seamless Page Navigation With the View Transitions API
The View Transitions API is now stable in Chrome. That means we can make extremely cool nav animations in our web projects without extra JS overhead. Maxi Ferreira returns to teach us how it works!
Build a custom code editor using the WebContainer API
It's mind-boggling what you can accomplish in the browser these days. Gabriel Daltoso joins to teach us how to build a simple code editor using the WebContainer API with StackBlitz.
Redux in 2023: What you need to know
Redux is still wildly popular. Mark Erikson is back to make sure we get the most from modern Redux. Learn common misconceptions, gotchas, best practices + patterns you might not need anymore direct from the maintainers!
Improving the Database Experience of your Deploy Previews with Xata
Bring your data across Deploy Previews on your Netlify & Vercel sites. We're going to explore Xata's new Integration with GitHub, how to keep your data safe during additions & collaboration, and what it looks like to add a new feature to your Next.js app.
How WunderGraph Simplifies API Development
How do you build apps in a landscape where most of your data is coming from different APIs? Jens Neuse, the founder of WunderGraph, is out to provide a solution.
Why Svelte is the most loved JS framework
Creator Rich Harris is back to teach us what's possible with Svelte and SvelteKit in 2023.
Collaborative, real-time apps with Partykit
The web is more fun with friends. Sunil Pai will teach us how Partykit makes it fun and straightforward to add collaborative experiences to any app.
Catch Visual Bugs Before They Ship
There’s nothing more frustrating than learning part of your app looks funky from a user screenshot. In this episode, Chris Kalmar will teach us how holistic visual regression testing catches problems BEFORE they ship.
Advanced Effects for Live Streaming
Custom shaders, animations, "hacker mode", and more — Mark Dobossy will teach us how to build extremely cool OBS experiences to level up our livestreams.
Travel Through Time to Debug JavaScript
Science fiction? Mark Erikson is here to show us how time travel is not only possible thanks to Replay, but hugely helpful in debugging apps.
Build a Headless WordPress site with WPGraphQL, Faust.js and WPGraphQL Smart Cache
There's a reason almost half the web runs on WordPress. Jason Bahl will teach us how to use Faust.js WPGraphQL to build fast, secure headless WordPress sites.
Build an Internal App Without Learning Mobile App Dev
Mobile apps to help your team track & manage internal processes are extremely helpful, but what if you don't have any mobile devs on staff? Kevin Whinnery will teach us how to build a custom internal mobile app using Retool — no mobile dev expertise required.
Shared State Between Multiple Frameworks
How can you share state between React.JS, Svelte.JS, Solid.JS, Vue.JS, and more? TanStack Query maintainer Aryan Deora will show us how he does it with Query + Astro.
Code Your Own Generative Art
Writing code to expand your creative capabilities is a fun way to stretch your knowledge of what code can do. One of the best creative technologists in the game, Nat Alison, will teach us how it’s done.
Location-Based Next.js Middleware With New Relic Synthetics
If your app needs to behave differently based on user location, Next.js Middleware gives you control. And New Relic Synthetics make testing easy. Observability Week Day 3 features Daniel Kim!
Why Should Web Developers Care About Logging?
Troubleshoot and debug web apps faster, easier, and stress-free. This episode leverages create-t3-app as a starting point and New Relic to unify APM and logs in context. Mat Wilk joins for day 2 of Observability Week!
Troubleshooting React Native apps with New Relic
Is your mobile app slow? Is it the network? OTA updates? Or something else? Use New Relic to know for sure. Observability Week kicks off with Ptah Dunbar teaching us how to get better insights into our react native mobile apps.
Visual Editing w/Next.js, Contentful, and Stackbit
Finding a workflow that’s good for devs *and* content writers is hard. In this episode, Tiff Janzen will teach us how to use Stackbit to make all your teams happy.
Sanity Studio v3
What's new in Sanity Studio v3? In this episode, Kapehe will teach us what's possible, how we can get started, and even how to embed Studio into a Next.JS app.
Fast Unit Testing With Vitest
Vitest is a Vite-native unit testing framework that’s Jest-compatible. Core maintainer Anthony Fu will teach us how to use it in this episode.
What’s New in Astro 2.0?
The latest major release of Astro includes new features like content collections, hybrid rendering, and a whole lot more. Core maintainer Tony Sullivan joins to show us the latest.
Create and deploy a documentation website
Docusaurus 2.0 adds support for MDX, file system routing, plugins, and more! Maintainer Sébastien Lorber will give us a tour.
Nuxt 3 & Nitro
Nuxt.JS v3 is stable, and it introduces a ton of features including Typescript support, Vuejs 3, Vite.JS, and the new Nitro server engine. Framework architect Daniel Roe will teach us all about it.
Build Your Own Developer Training Quest
The team at Wilco is building “a flight simulator for developers” to help devs level up their skills in real-world scenarios. Lior Brauer will teach us how to build a custom Wilco quest.
TanStack Query v4
State management is hard. TanStack Query aims to take the pain out of data fetching, caching, parallelization, and much more. Maintainer Dominik Dorfmeister will teach us all about it.
Coworking Session with Jason Lengstorf
Grab your current project and work along with Jason as he tackles his todo list. This is a casual session, so bring questions!
Let's Learn Auth0 Actions!
We can extend our identity code using Auth0 Actions. Will Johnson will teach us how to use serverless and a drag-and-drop interface to build custom identity flows.
Port a Blog to Astro
For many devs, writing blogs with Markdown/MDX is still preferred. In this episode, Jason (a Markdown True Believer™) will be working on an in-progress port of the Learn With Jason blog to Astro.
Qwik City for Resumable, Dynamic Apps
Qwik City is a metaframework that adds routing and other app-like features on top of Qwik resumable components. Miško Hevery will teach us how to ship less JavaScript without sacrificing interactivity.
Optimize React App Performance
Building dynamic React.js apps that avoid performance pitfalls can be challenging. Shaundai Person will show us how to optimize our components, hooks, and more.
Webauthn (FIDO2) and Project Fugu
Log in with your fingerprint or Face ID in a browser? Use machine learning directly in the browser? There's a LOT we can do today, & Joyce Park will teach us how.
Better Images in Next.js with Cloudinary
Cloudinary provides powerful transformation APIs so you don’t have to waste time fiddling with images. Colby Fayock has a new library for Next.js to make it even easier.
Build web standards-based sites with Enhance
Enhance is “designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.” Maintainer Brian LeRoux will show us how it works.
How to Add Component Tests to Web Apps
What are component tests? How do they relate to e2e tests? Do they improve a11y? Ely Lucas will teach us all about them and how we can add component tests using Cypress to a React app.
Build a scalable design system for enterprise websites with Payload CMS & Next.js
How do you make the dream of a design system for your company stand up to the reality of other teams actually using it in prod? James Mikrut will show us how.
React Router 6.4
The latest version of React Router introduces powerful new patterns including data loading, mutations, and pending/skeleton UIs. Ryan Florence will teach us what's new and how we can use it in our own apps.
Fun With Slack ChatOps
Y'all asked for a real project, so today I’ll be working on some ChatOps ideas I need for my team at Netlify. We'll build out a Slack slash command and some integrations with Notion.
Build a Reactive Backend for a Web App
Convex is a JS-powered database and backend for web apps that’s reactive — you can use it to create endpoints and queries that update automatically when data changes. Tom Ballinger will teach us how.
Smooth Page Transitions with Astro & the Shared Element Transition API
Can you make a multi-page app (MPA) feel like a single-page app (SPA)? Maxi Ferreira says we can and will show us how to do it.
Custom Media Players with Media Chrome
Build a custom video player UI that plays video from anywhere using a new, fully open source web component library from the Mux team. Thuy Doan will show us how it works.
Build a Dynamic Links Page for Social Bios
Putting a link tree in your social bios is popular, but what if you want it to live update with your stats? In this episode, Jason will build out a custom "link in bio" page with dynamically updating profile stats.
Advanced TypeScript: Let’s Learn Generics!
If you've never used typescript generics, it can be pretty intimidating. In this episode, Matt Pocock will teach us this advanced TypeScript concept.
Make Static Pages Dynamic With Netlify Edge Functions
Can you customize someone’s experience without tons of client-side JavaScript or complex SSR? Alex Shyba will show us how Netlify Edge Functions and Uniform make it possible!
Use XState With Netlify Edge Functions
State machines at the edge? Yes please! David Khourshid is back to show us how to deploy and visualize workflows in real-time!
PlanetScale Serverless Driver, Netlify Edge Functions, and Next.js
PlanetScale just released a serverless driver for Netlify Edge Functions that unlocks some very cool possibilities at the edge. Let's spend some time digging in and seeing how it works in this episode.
Build Custom Interfaces Using CSS Open Props
Learn how to make a great-looking interface (+ animation!) with ready-to-use CSS variables from Open Props. Open Props is a design system for any tooling. Adam Argyle will teach us how it works.
What’s New in Astro v1?
Astro just hit v1.0.0 and there’s a lot to be excited about. Come join creator Fred Schott as we talk about the trade-offs of MPAs vs. SPAs, partial hydration, MDX, and more!
Automate Accessibility Tests With Storybook
Building UI libraries with StorybookJS is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how.
Build an E-commerce Site with Next.js and Shopify
Build a modern e-commerce web store using Next.js and Shopify. Jason will tackle building a custom app with a shopping cart in this episode.
Visual Page Building With Plasmic
You can build production-grade web applications using a drag-and-drop visual page builder. In this episode, Yang Zhang will teach us how to do it with Plasmic.
Let's Learn Motion DevTools!
Build, inspect, edit, and export animations made with CSS and Motion One using this Chrome extension from the Motion team. Matt Perry will show us how it works.
Personalization Using Storyblok
Personalization is a top feature request for just about every company with a web presence — but how do you pull it off? Facundo Giuliani will show us how using Storyblok.
Use Script Kit to Automate Your Daily Workflows
Script Kit is an open source tool to optimize developer workflows. Creator John Lindquist will teach us how we can use it to boost our efficiency.
Level Up as a Developer Through Practice
Wilco is a "flight simulator for developers" that offers real world scenarios to help devs level up through practice. CTO Shem Magnezi gives us a tour.
What Is Edge Computing?
We’re hearing a lot about “the edge” lately — but what does that mean? In this episode, Sunil Pai will teach us what it means to build modern web applications on the edge.
Let's Play With Realtime (Using Supabase), pt. 2
Join Jason to have some fun with realtime coding. Let's finish the app we started together last time with Supabase.
Let’s Learn Blender!
Blender is a free and open source 3D creation suite. In this episode, Prince Wilson will teach us how to get started building our own 3D designs.
Automate Performance Boosts Using Experiments
WebPageTest just launched new features where you can run a new test with fixes applied to see how they'll affect your Core Web Vitals. Scott Jehl will teach us how it works.
Let's Play With Realtime
Join Jason to have some fun with realtime coding. Let's see what we can build in 90 minutes — and then let's all test it together!
Generate Figma UI kits from code
We've all seen components go from Figma to code, but what about from code to Figma? Thaís Santos will teach us how story.to.design can generate a Figma UI kit directly from your code
Build a Custom App Dashboard
Retool promises to help us "build internal tools, remarkably fast". In this episode, Hirday Gupta will teach us how to build an app backend and UI quickly.
Build UI Components With State Machines
The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!
Convert Markdown & CMS Content Into Type-Safe JSON
Contentlayer is an SDK that transforms content from any source (including Markdown) into type-safe JSON. Johannes Schickling will teach us how it works and how we can use it in our own projects.
Let’s Learn Netlify Edge Functions
In a solo episode, Jason will dig into the new Netlify Edge Functions. Learn what edge computing enables, what you can build with it, and how to get started.
Build Resumable Apps with Qwik
Qwik lets us build "resumable apps" by requiring nearly zero JavaScript for pages to become interactive + fine-grained lazy loading to only load what's used. Miško Hevery will teach us how to get started.
Build and Deploy a React App from a Monorepo
Managing large, complex, and/or multi-team codebases can be simplified by using a monorepo approach. In this episode, Juri Strumpflohner will teach us how to use Nx to build and deploy React apps.
Deploy a Site With Self-Hosted Analytics
Add self-hosted analytics to a Next.js site using Umami. Faraz Patankar will teach us how to build, instrument, and deploy an app to Railway.
Generate Dynamic Images with node-canvas
Creating dynamic images unlocks a whole world of powerful workflows. In this episode, Ulf Schwekendiek will teach us how to use node-canvas to create our own custom, dynamically generated images.
Build an esbuild plugin
The speed of esbuild is incredible, but what happens if you need it to do more? Chance Strickland will teach us how to extend esbuild with custom plugins in this episode.
Build a Live Voting App
If you want to create an interactive app that allows people to vote, where should you start? Brandon Roberts will teach us how to build the whole dang thing using Appwrite.
Let's Learn tRPC!
The promise of tRPC is end-to-end typesafe APIs. In this episode, Alex / KATT will teach us what that means and how we can get started using tRPC in a React app.
Let’s Learn CommandBar!
Adding a ⌘+K shortcut to open a command palette in your app is a great way to give your users more control. CommandBar lets you add powerful search, nav, & custom actions quickly. James Evans will teach us how!
Build a Page Speed 100 E-commerce Site
On e-commerce sites, page performance is everything. In this episode, Håkon Krogh will teach us how to build a web store that aces the Page Speed checks using Remix and Crystallize.
RedwoodJS 1.0
RedwoodJS calls itself "the JS app framework for startups" — and it's officially hitting v1.0.0! Anthony Campolo will show us what's new and how to get started.
Remix Stacks
Remix Stacks are a quickstart for building full-stack applications, including a Remix frontend, a database, and more. Kent C. Dodds will teach us how to get started.
Create Playful, Interactive Animations
Can we make our animations react to user input? We can! Cassie Evans will teach us how to use Greensock to create fun, interactive animations!
Automatic Image Creation From a Figma Template
Can your database automatically enrich entries using third-party data and create custom images from a Figma template? Rowy can! Shams Mosowi will teach us how it works.
Find Your Next Open Source Contribution
Contributing to open source is a great way to build your career and network, but how do you find a good issue to work on? Brian Douglas has the deets!
Visually Create State Machines
Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and statecharts, then use them directly in React.js apps.
AMA and Coding Q&A
Join Jason for an AMA + coding Q&A! Bring your questions about developer experience, growing your network and career, building for the modern web, and more!
Build a Color Contrast Checker with Eleventy Serverless
Eleventy 1.0 has just been released, and with it comes Eleventy Serverless for on-request page generation. Ben Myers will teach us how to get started with Eleventy Serverless by building a color contrast checker with little to no client-side JavaScript.
Simplify & Unify Data Access With Netlify Graph
With the new Netlify Graph product, you can read, write, & even subscribe to data from third-party APIs securely — without having to manage auth tokens or complex data fetching logic. Sean Grove teaches us how!
Build Neo4j Applications With Node.js
When and how should you use a graph database? In this episode, Adam Cowley will teach us how Neo4j's JavaScript driver gets us up and running quickly with custom graph DBs.
Scheduled Functions (Cron Jobs) With Netlify
Netlify just announced support for scheduled functions, which are basically serverless cron jobs. In this episode, Jason will explore the new functionality and see how it all works!
Set Up a Better Content Editing Experience
Using a decoupled CMS, we want to add shareable previews, fast search, and keep a great DX. Ondrej Polesny will teach us how Kontent by Kentico, Next.js, and Netlify make it possible!
Learn About Islands Architecture With Slinkity
Partial hydration lets you ship zero JS by default. In this episode, Ben Holmes will teach us how Slinkity lets us use any component framework to build low-JS dynamic apps on the Jamstack.
Build Your Own Audio Visualization In a Shader
Getting into shaders and writing GLSL might sound intimidating, but don't be scared! Char Stiles will teach us to code our own visualizations in the browser.
Make Music With Code
Code can be used to make art, and Dan Gorelick is an artist that uses code to make music. In this episode, learn how we can generate music on the fly!
What Can You Automate With n8n?
Used wisely, automation is a huge time saver. In this episode, we'll learn about all the incredible things we can automate using n8n from Harshil Agrawal!
Build an App With Supabase and NextJS
Supabase combines database storage and authentication into a powerful workflow for web devs. In this episode, Jon Meyers will teach us how to build a Next.js app with Supabase and deploy it to Netlify!
Marketing Automation With Customer.io + Next.js
Joel hooks has been building full-featured marketing automation using Nextjs & Customer.io for some of the most popular dev education sites out there. In this episode, he'll share how it's done!
Build a Full-Stack Serverless App With Next.js & Fauna
Web devs have more power than ever to build ambitious full-stack apps. In this episode, Shadid Haque will teach us how to build a TikTok clone with Netlify Functions, Fauna, and Next.js!
Faster GraphQL With GraphCDN
GraphCDN adds a smart caching layer for GraphQL APIs that promises better performance and reliability. In this episode, Max Stoiber will teach us how to use it in our own apps!
Diagnose and Fix UX/UI Problems
You don't need to be a designer to catch and fix issues with an app's UX and UI. In this episode, Ceara Crawshaw will teach us how to identify common problems in interfaces — and how to solve them!
Let's Learn Passwordless Auth!
Passwordless auth is an exciting and convenient way to let your users access your apps. In this episode, Maricris Bonzo will teach us how to use Magic Labs to enable it for your apps!
Distributed Databases on the Jamstack
Decoupled frontends are powerful, but how do you manage databases when you have microfrontends in play? In this episode, Natalia Venditto will teach us how MongoDB makes it manageable.
Build Your Own Design System
Understanding what design systems solve and when to build one is a complicated question. In this episode, we'll dive into it with Georges Gomes and learn how to build our own design system with Backlight Dev.
Let's Learn SolidJS
SolidJS is an exciting framework with a small (6.4kb) footprint, a reactive, component-based approach, and incredible performance. In this episode, Ryan Carniato will teach us how to get started with our first SolidJS app!
Let's Learn Remix!
Remix is a React-based framework focused on web fundamentals and modern UX. In this episode, Ryan Florence will teach us what makes it different and how to get started with it!
Gatsby WordPress Themes
Combining WordPress & Gatsby lets us have the best of both worlds for content creation & web dev. In this episode, Alexandra Spalato teaches us to how to use Gatsby themes to build WordPress sites quickly!
Serverless Databases With PlanetScale and Next.js
Custom databases on the Jamstack? Absolutely! Taylor Barnett will teach us how Planetscale and Netlify make it possible (and fun!) to build and deploy DB-powered Next.js apps!
Styling With Attribute Selectors
CSS can do *a lot* — in this episode, Michael Chan will teach us how much we can accomplish with data attributes and CSS selectors!
Add a Login to Your Svelte Site With Auth0
How do you add a login to Jamstack sites? In this episode, James Quick will show us how to combine Svelte and Auth0 to create a members-only section!
Create a PWA from Scratch
Progressive Web Apps get talked about a lot, but what *is* a PWA? In this episode, Patricio Vargas (pato) will teach us how to create one from scratch, including Service Workers!
AMA: Developer Experience, DevRel, Jamstack, JavaScript, and more!
What do you want to know about Developer Experience, Developer Relations, Jamstack, JavaScript, or interviewing and getting into a web development career? In this AMA, Jason will answer your questions!
Add Observability to Jamstack Sites Using New Relic
Observability helps teams confidently ship and monitor production apps. In this episode, Aisha Blake will teach us how New Relic can help us add o11y to our Jamstack sites!
Understanding Color Contrast for Accessibility
Getting color contrast right is crucial for making sure people are able to read and use our content, but understanding how to choose the right colors can be tricky. In this episode, Todd Libby will show us how it's done!
Monitor Errors and Performance With Sentry
As part of Jamstack Conf, Jason is building a swag app with experts from around the community. This 5-part series will go through the whole process of building an e-commerce site with Shopify, Algolia, Sentry, Twilio, and Fauna.
Send Transactional Emails With Twilio SendGrid
As part of Jamstack Conf, Jason is building a swag app with experts from around the community. This 5-part series will go through the whole process of building an e-commerce site with Shopify, Algolia, Sentry, Twilio, and Fauna.
Optimize Your Development Workflow
Getting your development environment set up to be effective can have a huge impact on your productivity. Jennifer Wadella will teach us how to optimize our setup!
Custom Command Bar Using Autocomplete With Algolia
As part of Jamstack Conf, Jason is building a swag app with experts from around the community. This 5-part series will go through the whole process of building an e-commerce site with Shopify, Algolia, Sentry, Twilio, and Fauna.
Custom Discount Codes With Fauna, Tito, and Shopify
As part of Jamstack Conf, Jason is building a swag app with experts from around the community. This 5-part series will go through the whole process of building an e-commerce site with Shopify, Algolia, Sentry, Twilio, and Fauna.
Custom Cart With Shopify Storefront API
As part of Jamstack Conf, Jason is building a swag app with experts from around the community. This 5-part series will go through the whole process of building an e-commerce site with Shopify, Algolia, Sentry, Twilio, and Fauna.
Personalization on the Jamstack
Delivering personalized experiences is an effective way to increase sales and engagement — but it also sounds HARD. In this episode, Tim Benniks will teach us how Uniform makes it possible.
Next.js Dynamic Routes With Contentful's GraphQL API
Next.js has a popular approach for generating dynamic routes. In this episode, Salma Alam-Naylor (a.k.a. whitep4nth3r) will teach us how to use Contentful’s GraphQL API to power them.
Manage Team Workflows in Notion
Devs need todos, managers need to know when devs are stuck, and execs need a high-level overview across teams. Marie Poulin teaches us to use Notion as an "operational hub" to keep all 3 in one place!
Improve Your App's UI and UX
We can all tell when an app just feels right, but it can be hard to know how to do that ourselves. In this episode, Lynne will teach us how to create great UI/UX in our apps.
Let's Learn TensorFlow.js!
What is TensorFlow.js, what can you use it for, and how can you get started with it? Bekah Hawrot Weigel will teach us all about it!
Modern CSS: Grid, Aspect Ratio, Container Queries, and More!
CSS has come a *long* way in recent years. In this episode, Stephanie Eckles will show us some of the modern features that have been added & why "centering a div" isn't hard anymore!
Build Your Own TwilioQuest Content
TwilioQuest is an educational video game that teaches us to code through 16-bit role-playing nostalgia. Margaret Staples will teach us how to create custom content for TwilioQuest in this episode!
Experimenting With SvelteKit
In this episode, Jason will experiment with SvelteKit!
Battlesnake!
Remember the old Nokia phone snake game? In this episode, Joe Nash will introduce us to an evolution of the game, Battlesnake, where we code our own snake and see how far we can go!
Turn Any Data Source into GraphQL With StepZen
StepZen allows us to combine multiple backends into a single GraphQL API. In this episode, Carlos Eberhardt will teach us how it works and how we can get started!
Reactive State Management Using NgRx and Angular
How do you handle local and global state in Angular projects? Brandon Roberts will show us how using NGRX
Limit Access to Web Pages for Twitch Subscriptions
To allow Twitch subscribers special access to additional functionality, we can create a web page that can only be accessed by active Twitch subscribers. In this episode, Jason will figure out how to make that work!
Let's Learn MongoDB Atlas!
Mongo Atlas promises a fully managed solution for creating and administering databases. In this episode, Ado Kukic will teach us how it works and what we can accomplish with it!
Local Development of Serverless Functions on Netlify
Serverless functions are incredibly powerful, but how do you work on them locally? In this solo stream, Jason will show how Netlify Dev makes it painless!
Automating Tasks with Node CLIs
Creating and automating workflows unlocks a ton of developer productivity. In this episode, Ahmad Awais will teach us how to design and build our own Node powered CLI automation!
Microservices and Red Hat OpenShift
In this episode, learn about Enterprise Kubernetes and Red Hat OpenShift. David Nugent will walk us through how to set up a microservice and deploy custom code to it!
Right-to Left (RTL) Support for Websites
RTL support has a lot of quirks that can make sites uncomfortable to use for RTL readers. In this episode, Moriel Schottlender will teach us what to watch for and how to make the web better for everyone!
Jamstack & Headless CMS Sites Using Strapi
How should you approach content modeling for your headless CMS? In this episode, Daniel Phiri will teach us how to set up our Jamstack sites for success using Strapi.
Realtime Jamstack Apps With Ably
With tools like Ably, we can create multiplayer experiences on Jamstack apps quickly and reliably. In this episode, Srushtika Neelakantam will show us what we unlock by adding realtime features!
Serverless Functions and TypeScript on Netlify
Did you know you can use TypeScript in serverless functions on Netlify with no build step? Tomasz Łakomy will show us how to get started!
Build a Command Line Interface in Rust
The Rust Language ecosystem is gaining steam as a powerful, friendly, and FAST way to build all sorts of things. In this episode, John Breen will teach us how to build a custom command line interface using Rust!
Web Performance Auditing
We all know performance is important, but we *don't* always know how to find what's causing slowdowns. In this episode, Tim Kadlec will teach us how to audit websites to find the slowdowns!
Let's Learn Blitz.js!
Blitz.js is "a batteries-included framework" for building full stack apps with React. In this episode, Brandon Bayer will teach us how it works!
Let's Learn FlutterFlow
FlutterFlow is a visual builder for Flutter + Firebase apps. In this episode, Abel Mengistu will teach us how it works!
GitHub Actions with Forked PRs?!
What's new in GitHub Actions? Brian Douglas will teach us all about: - Fine-grain permissions in Actions - GitHub cloud environment management - Dependent jobs in actions
JavaScript Autocomplete
Building a great autocomplete experience can be a pain. In this episode, Sarah Dayan will teach us how to create a powerful JavaScript autocomplete solution using an open source library from Algolia.
Better Screenreader Experiences with CSS
After an introduction to how we can navigate with screenreaders, Ben Myers will teach us how we can use CSS to influence what screenreaders will announce.
Animating a Smashburger SVG Using GSAP
In this solo stream, Jason tries to remember how GSAP works to animate a smashburger SVG.
Ship Less JavaScript with Astro
Astro is a way to build websites that ships zero JavaScript by default. Only add JS when you need it for maximum performance! Fred K. Schott will teach us how it works.
Measure Deployments With Sleuth.io
Sleuth is a way to get metrics about deployments that will "make shipping less stressful for developers" — Don Brown will teach us how!
First Look at Gatsby Functions
In this episode, Jason is going to look at the new Gatsby Functions feature and see how it works on Netlify!
Testing Accessibility
Making sure our apps and websites are accessible is a must-have for shipping. How can we be sure we're meeting a11y needs? Marcy Sutton will teach us how!
Let’s Learn Modern Redux!
A lot has changed in Redux since it was originally created. In this episode, Mark Erikson will teach us about Redux Toolkit an React-Redux hooks.
User-defined Functions in Fauna
What if you could bring compute to your data? In this episode, Rob Sutter teaches us how to create user-defined functions in Fauna to implement custom business logic right in your database.
Let's Learn Kotlin/JS!
Kotlin lets us write code once, then target multiple platforms — including JavaScript! Sebastian Aigner will teach us how to use Kotlin/JS to write type-safe JS apps in Kotlin.
GitHub Automation with Octokit
GitHub has powerful APIs, and with Octokit we can do just about anything on GitHub through code. Gregor Martynus will teach us how!
Distributed Persistent Rendering
In this solo episode, Jason will work through building an app with serverless functions using distributed persistent rendering.
Prototyping With Framer
Can we combine the best parts of no-code and custom code? Amy Dutton thinks we can! She'll teach us how to build prototypes with Framer that combine design components with custom code components.
Building a Second Brain with Obsidian
When it comes to taking notes, there are a lot of different options. In this episode, Hung-Su will teach us about how you can use Obsidian to take beautiful notes!
Custom Workflow Automation with n8n
While automation is a highly valued process in most toolkits, creating your own workflow automations can often seem daunting. In this lesson, Matt Hojo will be teaching us how to build custom workflow automations with n8n!
Functional React With Styled Components
Learn how to create clean, beautiful React UIs! Shaundai Person will teach us how to combine function-style React components with Styled Components.
Build a Custom IVR Using Twilio
Ever call a company and, as you try to figure out whether you should be pressing 1 or 4, thought, "I could make this so much better"? Now's your chance! Nathaniel Okenwa will teach us to build a custom IVR system with Twilio
Build Forms in Angular
Every web app is going to end up needing forms at some point. In this episode, Jennifer Wadella will teach us how to use the @angular forms API to create custom web forms!
Visual Editing With Storyblok
Storyblok is a headless CMS with a visual editor. In this episode, Samuel Snopko will teach us how to use it to power Jamstack web experiences!
Let's Learn Prisma!
If you need a database for your app, Prisma promises to make it easy. Nikolas Burk will teach us how!
Troll Your Boss With The Jamstack
How fast can two cyberspace hooligans build an app to troll their boss? Tune in and find out as Cassidy Williams and Jason Lengstorf drag Sarah Drasner in app form!
Real Time Notifications With the Twitch API
What can we do with TwitchDev EventSub? Anything we want! Prince Wilson will teach us how to build fun, real time interactions using the Twitch API.
Create an Ecommerce Site Using Shopify, Next.js, and Builder.io
How do you give non-developers control over the look and feel of an ecommerce site? Steve Sewell will teach us how to use Next.js, Shopify, and Builderio to do it!
A Stream About Streaming — Q&A
How does Learn With Jason work? In this Q&A and casual working session, Jason will walk through the process of making Learn With Jason and answer your questions about livestreaming!
Build Better Apps With State Machines
Using state machines, we can build web apps with low complexity and high confidence. David Khourshid will show us how xstate helps us make sense of state management in web apps.
Create a Timewarp Filter in TensorFlow.js
Let's recreate the popular TikTok timewarp filter using a webcam and TensorFlow.js. Machine learning's favorite mad scientist, Gant Laborde, will teach us how!
Custom Twitch Overlays and Interactions
In this episode, join Jason for a working session on the Learn With Jason Twitch overlays. This will be a casual Q&A working session, so stop by to learn about streaming and building custom overlays with web technologies!
Make Video With Code
Making slick, animated video using React might sound far-fetched, but Remotion makes it possible! Jonathan Burger will teach us how.
Let's Learn esbuild!
How will we build web apps in the future? Sunil Pai believes we'll be using esbuild. Let's learn how esbuild and bundlers like Vite built on top of it work to see how it can speed up our dev workflows!
Vue 3, Hasura, and Serverless Functions
You can build "full stack" apps without becoming an expert in backend tech! In this episode, Ben Hong will teach us how Vue, Hasura, and Netlify Functions combine to powerful apps!
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 雷神 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 — 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 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 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 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 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. In this episode, Mandy teaches us how to create our own text effects!
Jamstack CMS & Ecommerce
Shipping e-commerce sites on the Jamstack is more approachable than you might think. In this episode, Nader Dabit 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 pairs with Jason to add documentation and an example to a theme.
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 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 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 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. 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 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 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 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 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 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 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 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 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 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 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 teaches Jason Lengstorf 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.
Create Realtime Web Apps with Hasura & Gatsby
Learn how to add realtime updates to your apps using Hasura and Gatsby.
Write Tests for Gatsby Sites & Apps
Make sure your Gatsby sites and apps are reliable and high quality with a good testing strategy.
Add Authentication to your Apps using Okta
Learn how to add user accounts to your app using Okta and Gatsby.
Multi-language Websites with GraphCMS & Gatsby
Learn how to build an internationalized website using GraphCMS and Gatsby.
Learn How React Hooks Work with Gatsby
Learn all about React Hooks and how they change the way we write components. Sidhartha Chatterjee 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 teaches Jason Lengstorf 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 teaches Jason Lengstorf 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, Thor 雷神 teaches Jason how to build an e-commerce store using the new Stripe Checkout.
High Performance Images Using Gatsby
Emma Bostian 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 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 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 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 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 teaches me to use the AWS Amplify CLI to deploy a Gatsby site.