Learn With Jason

Learn With Jason

8 seasons

416 episodes

Live pair programming. Learn something new in 90 minutes with tech industry experts.

Start watching episode 1

67 episodes

Release year: 2022

Joel Hooks on a title card that reads, "Marketing Automation With Customer.io + Next.js"

S5.E1

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!

Watch now

Jon Meyers on a title card that reads, "Build an App With Supabase and NextJS"

S5.E2

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!

Watch now

Harshil Agrawal on a title card that reads, "What Can You Automate With n8n?"

S5.E3

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!

Watch now

Dan Gorelick on a title card that reads, "Make Music With Code"

S5.E4

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!

Watch now

Char Stiles on a title card that reads, "Build Your Own Audio Visualization In a Shader"

S5.E5

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.

Watch now

Ben Holmes on a title card that reads, "Learn About Islands Architecture With Slinkity"

S5.E6

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.

Watch now

Ondrej Polesny on a title card that reads, "Set Up a Better Content Editing Experience"

S5.E7

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!

Watch now

Jason Lengstorf on a title card that reads, "Scheduled Functions (Cron Jobs) With Netlify"

S5.E8

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!

Watch now

Adam Cowley on a title card that reads, "Build Neo4j Applications With Node.js"

S5.E9

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.

Watch now

Sean Grove on a title card that reads, "Simplify & Unify Data Access With Netlify Graph"

S5.E10

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!

Watch now

Ben Myers on a title card that reads, "Build a Color Contrast Checker with Eleventy Serverless"

S5.E11

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.

Watch now

Jason Lengstorf on a title card that reads, "AMA and Coding Q&A"

S5.E12

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!

Watch now

David Khourshid on a title card that reads, "Visually Create State Machines"

S5.E13

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.

Watch now

Brian Douglas on a title card that reads, "Find Your Next Open Source Contribution"

S5.E14

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!

Watch now

Shams Mosowi on a title card that reads, "Automatic Image Creation From a Figma Template"

S5.E15

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.

Watch now

Cassie Evans on a title card that reads, "Create Playful, Interactive Animations"

S5.E16

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!

Watch now

Kent C. Dodds on a title card that reads, "Remix Stacks"

S5.E17

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.

Watch now

Anthony Campolo on a title card that reads, "RedwoodJS 1.0"

S5.E18

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.

Watch now

Håkon Krogh on a title card that reads, " Build a Page Speed 100 E-commerce Site"

S5.E19

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.

Watch now

James Evans on a title card that reads, "Let’s Learn CommandBar!"

S5.E20

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!

Watch now

Alex / KATT on a title card that reads, "Let's Learn tRPC!"

S5.E21

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.

Watch now

Brandon Roberts on a title card that reads, " Build a Live Voting App"

S5.E22

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.

Watch now

Chance Strickland on a title card that reads, "Build an esbuild plugin"

S5.E23

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.

Watch now

Ulf Schwekendiek on a title card that reads, "Generate Dynamic Images with node-canvas"

S5.E24

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.

Watch now

Faraz Patankar on a title card that reads, "Deploy a Site With Self-Hosted Analytics"

S5.E25

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.

Watch now

Juri Strumpflohner on a title card that reads, "Build and Deploy a React App from a Monorepo"

S5.E26

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.

Watch now

Miško Hevery on a title card that reads, "Build Resumable Apps with Qwik"

S5.E27

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.

Watch now

Jason Lengstorf on a title card that reads, "Let’s Learn Netlify Edge Functions"

S5.E28

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.

Watch now

Johannes Schickling on a title card that reads, "Convert Markdown & CMS Content Into Type-Safe JSON"

S5.E29

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.

Watch now

Segun Adebayo on a title card that reads, "Build UI Components With State Machines"

S5.E30

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!

Watch now

Hirday Gupta on a title card that reads, "Build a Custom App Dashboard"

S5.E31

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.

Watch now

Thaís Santos on a title card that reads, "Generate Figma UI kits from code"

S5.E32

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

Watch now

Jason Lengstorf on a title card that reads, "Let's Play With Realtime"

S5.E33

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!

Watch now

Scott Jehl on a title card that reads, "Automate Performance Boosts Using Experiments"

S5.E34

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.

Watch now

Prince Wilson on a title card that reads, "Let’s Learn Blender!"

S5.E35

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.

Watch now

Jason Lengstorf on a title card that reads, "Let's Play With Realtime (Using Supabase), pt. 2"

S5.E36

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.

Watch now

Sunil Pai on a title card that reads, "What Is Edge Computing?"

S5.E37

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.

Watch now

Shem Magnezi on a title card that reads, "Level Up as a Developer Through Practice"

S5.E38

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.

Watch now

John Lindquist on a title card that reads, "Use Script Kit to Automate Your Daily Workflows"

S5.E39

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.

Watch now

Facundo Giuliani on a title card that reads, "Personalization Using Storyblok"

S5.E40

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.

Watch now

Matt Perry on a title card that reads, "Let's Learn Motion DevTools!"

S5.E41

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.

Watch now

Yang Zhang on a title card that reads, "Visual Page Building With Plasmic"

S5.E42

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.

Watch now

Jason Lengstorf on a title card that reads, "Build an E-commerce Site with Next.js and Shopify"

S5.E43

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.

Watch now

Varun Vachhar on a title card that reads, "Automate Accessibility Tests With Storybook"

S5.E44

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.

Watch now

Fred K. Schott on a title card that reads, "What’s New in Astro v1?"

S5.E45

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!

Watch now

Adam Argyle on a title card that reads, "Build Custom Interfaces Using CSS Open Props"

S5.E46

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.

Watch now

Jason Lengstorf on a title card that reads, "PlanetScale Serverless Driver, Netlify Edge Functions, and Next.js "

S5.E47

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.

Watch now

David Khourshid on a title card that reads, "Use XState With Netlify Edge Functions"

S5.E48

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!

Watch now

Alex Shyba on a title card that reads, "Make Static Pages Dynamic With Netlify Edge Functions"

S5.E49

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!

Watch now

Matt Pocock on a title card that reads, "Advanced TypeScript: Let’s Learn Generics!"

S5.E50

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.

Watch now

Jason Lengstorf on a title card that reads, "Build a Dynamic Links Page for Social Bios"

S5.E51

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.

Watch now

Thuy Doan on a title card that reads, "Custom Media Players with Media Chrome"

S5.E52

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.

Watch now

Maxi Ferreira on a title card that reads, "Smooth Page Transitions with Astro & the Shared Element Transition API"

S5.E53

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.

Watch now

Tom Ballinger on a title card that reads, "Build a Reactive Backend for a Web App"

S5.E54

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.

Watch now

Jason Lengstorf on a title card that reads, "Fun With Slack ChatOps"

S5.E55

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.

Watch now

Ryan Florence on a title card that reads, "React Router 6.4"

S5.E56

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.

Watch now

James Mikrut on a title card that reads, "Build a scalable design system for enterprise websites with Payload CMS & Next.js"

S5.E57

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.

Watch now

Ely Lucas on a title card that reads, "How to Add Component Tests to Web Apps"

S5.E58

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.

Watch now

Brian LeRoux on a title card that reads, "Build web standards-based sites with Enhance"

S5.E59

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.

Watch now

Colby Fayock on a title card that reads, "Better Images in Next.js with Cloudinary"

S5.E60

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.

Watch now

Joyce Park on a title card that reads, "Webauthn (FIDO2) and Project Fugu"

S5.E61

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.

Watch now

Shaundai Person on a title card that reads, "Optimize React App Performance"

S5.E62

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.

Watch now

Miško Hevery on a title card that reads, "Qwik City for Resumable, Dynamic Apps"

S5.E63

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.

Watch now

Jason Lengstorf on a title card that reads, "Port a Blog to Astro"

S5.E64

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.

Watch now

Will Johnson on a title card that reads, "Let's Learn Auth0 Actions!"

S5.E65

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.

Watch now

Jason Lengstorf on a title card that reads, "Coworking Session with Jason Lengstorf"

S5.E66

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!

Watch now

Dominik Dorfmeister on a title card that reads, "TanStack Query v4"

S5.E67

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.

Watch now