COMPRESSEDfm

Amy Dutton, Brad Garropy
COMPRESSEDfm

A weekly podcast about web design and development with a little zest from Amy Dutton and Brad Garropy

  1. 203 | Feature Flags, Framework Wars, and Landing Your Next Dev Job

    6D AGO

    203 | Feature Flags, Framework Wars, and Landing Your Next Dev Job

    In this hosts-only episode, Amy and Brad get real about the developer experience - from the stress of job interviews to the complexities of choosing the right framework. They discuss why companies are comparing candidates more than ever, share strategies for answering behavioral interview questions, and debate the merits of Remix versus Next.js (spoiler: Brad's all-in on Remix). The conversation shifts to feature flags and progressive rollouts, with insights from Brad's work at Stripe.   SponsorWorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit SDK for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.   Chapter Marks00:00 - Intro 00:41 - Sponsor: WorkOS 01:47 - Brad's Keyboard and Mouse Shopping Spree 04:30 - Keyboard Layout Discussion 07:23 - Apple Ecosystem: Reminders and Notes 09:23 - Family Sharing and Raycast Integration 09:43 - Notion vs Apple Notes for Project Management 11:31 - File Storage and Backup Strategies 14:00 - Machine Backup Philosophy 16:46 - Job Interview Preparation Tips 19:40 - Answering the "Weakness" Question 21:53 - Addressing Weaknesses: Delegation Examples 24:29 - Conflict Resolution Interview Questions 25:46 - Company Research Before Interviews 27:00 - Tech Stack Considerations: Remix vs Next.js 28:30 - Framework Migration Decisions 29:30 - Astro for Content Sites 31:02 - Backend Languages: Go vs TypeScript 32:30 - React Server Components Future 34:23 - Feature Flags and Boolean as a Service 35:30 - Feature Flag Segmentation and A/B Testing 36:54 - PostHog and Analytics Tools 38:30 - Progressive Rollouts and Error Monitoring 40:20 - Amy's Picks and Plugs 43:35 - Brad's Picks and Plugs

    47 min
  2. 202 | Framework Trade-offs: What Laravel Offers JavaScript Developers

    APR 8

    202 | Framework Trade-offs: What Laravel Offers JavaScript Developers

    Josh Cirre joins us to discuss his transition from the JavaScript ecosystem to Laravel, revealing why PHP frameworks can offer a compelling alternative for full-stack development. We explore the "identity crisis" many frontend developers face when needing robust backend solutions, how Laravel's batteries-included approach compares to piecing together JavaScript services, and the trade-offs between serverless and traditional hosting environments. Josh also shares insights on Laravel's developer experience, front-end integration options, and his thoughts on what JavaScript frameworks could learn from Laravel's approach to abstraction and infrastructure. Show Notes0:00 - Intro 1:02 - Sponsor: Wix Studio 1:46 - Introduction to Laravel 2:25 - Josh's Journey from Frontend to Backend 5:40 - Building the Same Project Across Frameworks 6:32 - Josh's Breakthrough with Laravel 8:20 - Laravel's Frontend Options 10:25 - React Server Components Comparison 12:00 - Livewire and Volt 13:41 - Josh's Course on Laracasts 14:08 - Laravel's DX and Ecosystem 16:46 - MVC Structure Explained for JavaScript Developers 18:25 - Type Safety Between PHP and JavaScript 21:12 - Laravel Pain Points and Criticisms 22:40 - Laravel Team's Response to Feedback 24:50 - Laravel's Limitations and Use Cases 26:10 - Laravel's Developer Products 27:20 - Option Paralysis in Laravel 30:46 - Laravel's Driver System 33:14 - Web Dev Challenge Experience 33:38 - TanStack Start Exploration 34:50 - Server Functions in TanStack 37:38 - Infrastructure Agnostic Development 41:02 - Serverless vs. Serverful Cost Comparison 44:50 - JavaScript Framework Evolution 46:46 - Framework Ecosystems Comparison 48:25 - Picks and Plugs   Links Mentioned in the EpisodeLaravel - PHP frameworkTanStack Start - React meta-framework Josh created a YouTube video aboutLivewire - Laravel's HTML-over-the-wire front-end frameworkInertia.js - Framework for creating single-page appsVolt - Single file component system for LivewireLaravel Cloud - Managed hosting solution for Laravel applicationsHerd - Laravel's tool for setting up PHP development environmentsForge - Laravel's server management toolEnvoyer - Laravel's zero-downtime deployment toolLaracasts - Where Josh has a course on LivewireJosh Cirre's YouTube channelHTMX - Frontend library Josh compared to LivewireWeb Dev Challenge with Jason Lengstorf (featuring Josh and Amy)Josh Cirre's BlueSky account (@joshcirre)Amy's BlueSky accountBrad's BlueSky account  Additional ResourcesLaravel DocumentationSvelte's new starter kit (mentioned as a good example)Nightwatch - Latest product from LaravelLaravel Vapor - Serverless deployment platform for LaravelTheo's Laravel exploration (discussed in the criticism section)Laravel BreezeLaravel JetstreamLaravel Fortify (authentication package mentioned)Adonis.js (JavaScript framework compared to Laravel)Anker USB powered hub (Josh's pick)Grether's Sugar Free Black Currant Pastilles (Josh's pick)JBL Portable Speaker (Amy's pick)

    53 min
  3. 201 | The Backend Dilemma: Laravel's Strengths in a JavaScript World

    APR 1

    201 | The Backend Dilemma: Laravel's Strengths in a JavaScript World

    In this episode, Amy and Brad dive into the ongoing debate between Laravel and full stack JavaScript frameworks. They explore both ecosystems from their unique perspectives. Amy shares her real-world experience building a project in Laravel after working extensively with JavaScript frameworks, highlighting where each approach shines and struggles. From Laravel's backend prowess to the cognitive load of context switching between languages, this episode offers practical insights for developers weighing these technology choices. Show Notes00:00 - Intro 01:00 - Sponsorship: Sanity 01:59 - Origins of the Laravel vs JavaScript Discussion 03:59 - Amy's Experience Building a Project in Laravel 06:59 - PHP Development and Linting Experience 11:59 - Understanding MVC Architecture 15:00 - Challenges with JavaScript Backend Services 18:00 - Backend Strengths of Laravel 20:00 - Frontend Challenges in Laravel 23:00 - Comparing Laravel and JavaScript Ecosystem Solutions 26:59 - JavaScript Full Stack Frameworks Discussion 30:00 - Architectural Differences Between Frameworks 33:00 - Framework Choice Considerations 38:59 - Picks and Plugs: Newsletter and Cameras 42:00 - Picks and Plugs: Games and YouTube   Links and ResourcesSanity.io (sponsor)LaravelSam's podcast: Frontend FirstRedwoodJSRemixNext.jsAstroSupabaseInngestResend (email service)Postmark (email service)OpenAIPrismaPHP StormLaravel Blade (templating language)Laravel LivewireAlpine.jsLaravel BreezeLaravel Eloquent ORMAdonis/AdonisJSEpisode 54: Why RedwoodJS is the App Framework for Startups, with David PriceViteStorybookAmy's newsletter: Broken CombInsta360 X2 cameraInsta360 Go 3 cameraStardew Valley (game)Brad's YouTube channelCloudinary channel and Dev Hints series

    46 min
  4. 200 | Creating Databases as Easily as Notion Pages with Prisma Postgres

    MAR 19

    200 | Creating Databases as Easily as Notion Pages with Prisma Postgres

    Join Amy, Brad, and special guest Ryan Chenkie as they unpack Prisma's expanding ecosystem of database tools. Ryan explains why Prisma launched their own hosted Postgres service and what sets it apart from competitors in the space. The trio examines Prisma's comprehensive feature set including Accelerate for connection pooling, Pulse for real-time events, and optimization tools that help identify performance bottlenecks. They also discuss the upcoming transition from Rust to TypeScript for Prisma's core engine, making it lighter and faster. If you've been curious about modern approaches to database management or wondering which ORM is right for your next project, this conversation provides practical insights and expert perspectives. Show Notes0:00 - Intro 1:12 - Working with Prisma and Supabase 2:29 - Prisma Postgres Introduction 4:17 - Why Choose Postgres 6:36 - Prisma's Database Adapter Flexibility 8:14 - Serverless Database Architecture 11:13 - Connection Pooling with Accelerate 14:13 - Pulse for Real-time Database Events 16:54 - Studio Integration in Prisma Console 18:01 - Database Optimization Tools 20:00 - Benefits of Prisma Schema Language 22:10 - Prisma Schema vs SQL Definitions 23:01 - Comparing Prisma and Drizzle 26:24 - Future Improvements to Prisma 28:52 - Ryan's History with Prisma 32:05 - Learning Resources for Prisma 33:37 - Picks and Plugs Links and ResourcesPrisma ResourcesPrisma WebsitePrisma Twitter/XPrisma YouTube ChannelPrisma Postgres DocumentationPrisma ConsolePrisma VS Code ExtensionPrisma AcceleratePrisma PulsePrisma OptimizePrisma StudioRyan Chenkie ResourcesRyan's Website: https://holodeck.runRyan's YouTube Channel: https://youtube.com/@holodeck_runRyan on Twitter/XFramework and Technologies MentionedRemixRedwood JSSupabasePlanetScaleDrizzle ORMPostgresMySQLMongoDBBrad's ResourcesYouTube Channel: https://youtube.com/@bradgarropyRemix Starter: https://github.com/bradgarropy/remix-appAmy's ResourcesBuild12 Projects: https://buildtwelve.comOther Resources MentionedSkylight FrameAura FrameNetflix Show: "Making Fun"Netflix Show: "Is It Cake"

    42 min
  5. 199 | AI in Web Design: Balancing Speed with Creativity

    MAR 4

    199 | AI in Web Design: Balancing Speed with Creativity

    Join us as we talk with Nir Sadeh, Head of Product at Wix Studio, about the platform designed specifically for web professionals. Nir breaks down how Wix Studio differs from the traditional Wix editor by offering advanced capabilities for agencies and freelancers. Learn about their newest feature—AI-powered visual sitemaps and wireframes—that helps designers quickly create site structures and get client approval. We also explore how Wix balances no-code solutions with developer flexibility, their approach to responsive design using AI, and opportunities in the Wix app marketplace. Nir shares valuable insights about product development, user research methods, and his perspective on the impact of AI on the future of web design. Show Notes00:00 - Intro 01:00 - Journey to becoming Head of Product 01:48 - Transition from individual contributor to manager 02:21 - Team structure at Wix 03:42 - Goal setting and KPIs 04:36 - Overview of Wix Studio 06:08 - Web-based application functionality 07:03 - Code editing experiences in Wix Studio 08:07 - Client control and access capabilities 09:02 - New features: Visual sitemap and wireframes 10:57 - AI integration points in Wix 12:35 - AI generating layouts and websites 14:50 - Upcoming roadmap items 15:54 - User creativity surprises 16:12 - Wix app marketplace 17:34 - Design trends and components 18:59 - User research approach 20:57 - Data-driven decision making 22:16 - Balancing user preferences with brand goals 24:02 - Career advice for aspiring product managers 25:40 - Balancing customization and consistency 26:44 - Mobile responsiveness and browser support 28:06 - Native apps and business management 28:37 - SEO tracking and analytics 29:45 - Picks and Plugs Links and ResourcesWix Studio - The professional website creation platform discussed throughout the episodeVelo by Wix - The robust code solution mentioned at 06:45Visual Sitemap and Wireframes - The new AI feature launched by Wix StudioWix App Market - The marketplace where developers can build and sell appsVS Code integration with Wix StudioWix Studio AI Assistant - Mentioned as a coding help featureFigma to Wix - Mentioned as having import capabilities to Wix StudioPicks:Severance (TV Show) - Nir's pickRemix Dev Tools (becoming React Router DevTools) - Brad's pickAeroPress - Amy's previous pick (referenced)Prismo filter - Amy's previous pick (referenced)Milk frother - Amy's current pick

    34 min
  6. 198 | The Great Formatting Debate: ESLint, Prettier, and TypeScript

    FEB 25

    198 | The Great Formatting Debate: ESLint, Prettier, and TypeScript

    Josh Goldberg joins Amy and Brad to unpack the recent ESLint V9 release and its impact on the TypeScript ecosystem. From explaining the nuances of flat config migration to debating the proper separation between Prettier and ESLint, Josh offers practical advice for improving developer workflows. The conversation covers Josh's journey as a full-time open source maintainer, the Open Source Pledge initiative, and best practices for implementing linting in CI/CD pipelines. Plus, Josh shares behind-the-scenes details from the inaugural SquiggleConf event. Chapter Marks00:00 - Intro 00:48 - Welcome Josh Goldberg 01:06 - Working in open source and getting paid 03:10 - The Open Source Pledge 04:49 - ESLint V9 and flat config changes 07:25 - Migration challenges with flat config 09:52 - Understanding ESLint config format 11:50 - How most people use ESLint 16:20 - Prettier vs ESLint responsibilities 18:47 - Conflict between Prettier and ESLint 21:26 - TypeScript's role in ESLint 25:01 - TypeScript ESLint packages explained 27:43 - Linters for other languages 29:31 - ESLint in CI/CD pipelines 32:03 - Auto-fixing in different environments 37:14 - AI's role in linting and formatting 41:45 - SquiggleConf discussion 44:15 - Conference tooling and Q&A system 46:33 - Future SquiggleConf plans 47:13 - Picks and Plugs Brad GarropyPick: Philips Hue smart lighting system - Set up Christmas lights with Hue smart outlets for easy control via phone or voice commandsPlug: Brad's BlueSky account - @bradgarropy.comJosh GoldbergPick: BlueSky social network - Appreciates how it feels like early Twitter without spam bots and complicated server setupsPlug: SquiggleConf - Web development tooling conference returning in September 2025Amy DuttonPick: The Inheritance Games (book) - Describes it as an easy-to-read young adult fiction with puzzles, similar to Knives OutPlug: Amy's BlueSky account - @selfteachmeLinksMentioned in the EpisodeTypeScript ESLintESLint v9 migration docsESLint Config InspectorSentry Grave $750k to Open Source MaintainersOpen Source Pledge initiativeSquiggle Conf websitePrisma PulsePhilips Hue smart lightingThe Inheritance Games (book mentioned by Amy)Social Media AccountsBrad's BlueSky account: @bradgarropy.comAmy's BlueSky account: @selfteachmeJosh Goldberg's BlueSky Account: @joshuakgoldberg.comRelated ResourcesESLint Stylistic projectESLint Config PrettierESLint Plugin Prettier"Create TypeScript Apps" project (Josh's tooling package)Awesome ESLint repo (collection of ESLint plugins)Manual to Magical: AI in Developer Tooling: Tobbe's talk on using AI to write code modsNicholas Zakas discussing the ESLint config system on Syntax podcastTools MentionedHuskyLint-stagedCursorBiome and OXLint (Rust-based linters)GitHub Actions

    51 min
  7. 197 | How Jam.dev Turned Bug Reporting Frustration into an 85,000-User Product

    FEB 11

    197 | How Jam.dev Turned Bug Reporting Frustration into an 85,000-User Product

    Join us for an insightful conversation with Dani Grant, co-founder of Jam.dev, as she shares her journey from Cloudflare PM to startup founder. Learn how Jam.dev persevered through eight failed attempts before finding product-market fit and growing to 85,000 users. Dani reveals valuable lessons about product-led growth, building in public, and raising venture capital. From tactical fundraising tips to creative community building strategies like jam.pizza, this episode is packed with practical insights for founders and anyone interested in the startup journey.   SponsorConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.   Show Notes0:00 - Intro 0:29 - Sponsor: Convex 1:08 - Meeting Dani Grant 1:41 - Early Career at Cloudflare 3:09 - Finding Internships & Career Growth 5:25 - Starting Jam.dev 11:56 - Product Evolution & User Growth 16:57 - Product Features & Implementation 21:22 - Monetization Strategy 23:37 - Technical Deep Dive: How Jam Works 27:49 - Future Plans & Mobile Development 29:12 - Fundraising Tips & Strategies 34:00 - Supporting Developer Communities 36:18 - Picks and Plugs   LinksCompanies/Products: Jam.devCloudflareConvex (sponsor)SentryData DogHotjarFullStoryJIRAMetabaseNotionSocial/Personal: Dani Grant's TwitterDani Grant's email (dani@jam.dev)Brad Garropy's Twitter (@bradgarropy)Learn Build Teach DiscordDeals for Devs projectBooks/Media: "Tomorrow and Tomorrow and Tomorrow" (book mentioned by Dani)Matt Wolf's YouTube channel (AI recaps)Career Resources: jam.dev/careers (mentioned they're hiring)jam.pizza (community meetup sponsorship form)Technical Tools Mentioned: ViteRemixES BuildProducts Similar to Jam: FullStoryHotjarSentryDatadogDevelopment Tools: Chrome Extension Store (where Jam is available)Community: LearnBuildTeach.comDeals for Devs

    42 min
  8. 196 | Building the Future: Tanstack's Approach to React Server Components

    FEB 4

    196 | Building the Future: Tanstack's Approach to React Server Components

    Join us as Tanner Linsley, the creator and founder of TanStack Start talks about its transition from Vinci to a more streamlined architecture built on Nitro. Learn about the framework's innovative approach to server functions, its isomorphic design philosophy, and how it differs from other frameworks like Remix. Tanner also shares insights into TanStack's sustainable open-source business model and his journey to building developer tools that prioritize user experience over rapid growth. Show Notes0:00 - Intro 0:38 - Welcome Tanner Linsley 3:43 - React Server Components and TanStack Evolution 6:04 - TanStack Start Overview and Vinci Transition 11:26 - Nitro Integration and Framework Architecture 15:19 - Server Functions and Framework Comparisons 20:58 - API Design Philosophy 24:19 - Testing and Development Process 30:58 - Team and Collaboration Discussion 33:38 - Open Source Sponsorship Strategy 36:32 - Netlify Partnership Announcement 38:37 - Open Source Sustainability Discussion 41:03 - Picks and Plugs   LinksProducts & Tools: TanStackVinxi by Nikhil SarafNitroReact RouterTRPCRemixH3 (web request library)XPro (Tweet Deck)Deck.blue (BlueSky client)MOTU M4 audio interfaceBamboo Lab A1 3D printerLashbrook Designs (Brad's wedding band)Companies & Sponsors: ConvexClerkAG GridSentryNetlifyGames & Entertainment: Blockus (board game)Severance (TV Show on Apple TV+)"First Lie Wins" (book)Personal Projects & Links: buildtwelve.com (Amy's project)Brad on BlueSky (@bradgaropy.com)Nozzle (Tanner's startup)Technical Resources: Babel Dead Code Elimination (by Pedro Katori)GitHub 3D Contribution Graph GeneratorReact Server Components documentationOther Projects Mentioned: Solid StartAstro

    52 min
4.5
out of 5
20 Ratings

About

A weekly podcast about web design and development with a little zest from Amy Dutton and Brad Garropy

You Might Also Like

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes, and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada