Learn With Jason
8 seasons
416 episodes
Live pair programming. Learn something new in 90 minutes with tech industry experts.
67 episodes
Release year: 2022
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!
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!
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!
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!
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.
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.
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!
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!
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.
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!
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.
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!
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.
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!
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.
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!
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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!
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.