Hosting Next.js on Netlify

Hosting Next.js on Netlify is a CodingCat.dev podcast episode featuring Cassidy Williams alongside Alex Patterson and Brittney Postma focused on Netlify, Next.js, JavaScript. We sat down with Cassidy Williams to talk about her background as a developer. Then we talked about the cool new Next.js on Netlify hosting feature. 1.22 - Hosting Next js on Netlify: https://codingcat.dev/podcast/1-22-hosting-nextjs-on-netlify 00:00 - Intro
00:01 - Meet Cassidy Williams
05:58 - Public speaking for introverts
08:10 - Netlify and Next.js
11:05 - Hosting static sites out of Next.js
11:23 - Gatsby vs. Next.js
13:26 - Opportunities for improvement for Next.js
16:21 Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. Can you tell us a little bit about your journey in technology?
2. You talked recently about how you are an introvert and that you just started speaking and writing to break out of some of this.
3. What makes Next.js different than hosting something like Gatsby?
4. What are the new changes Netlify has made to improve hosting for Next.js?
5. Are there any drawbacks to hosting on Netlify over Vercel?
6. Are Netlify Functions actually AWS Lambdas?

Additional Links

• Netlify's Next.js Plugin
• Cassidy's Netlify Blog posts (cass.run/nb)
• Enterprise Next.js 10 on Netlify

Technical Overview: Hosting Next.js on Netlify

1.22 - Hosting Next js on Netlify: https://codingcat.dev/podcast/1-22-hosting-nextjs-on-netlify 00:00 - Intro
00:01 - Meet Cassidy Williams
05:58 - Public speaking for introverts
08:10 - Netlify and Next.js
11:05 - Hosting static sites out of Next.js
11:23 - Gatsby vs. Next.js
13:26 - Opportunities for improvement for Next.js
16:21

When applying the concepts from Hosting Next.js on Netlify in a production codebase, teams working with Netlify, Next.js, JavaScript, React Native should align their implementation with the Netlify Documentation (Jamstack deployments, edge functions, and build automation). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

Key Engineering Takeaways

• Core Topic Focus: Practical strategies for Netlify, Next.js, JavaScript, React Native covered in "Hosting Next.js on Netlify" (We sat down with Cassidy Williams to talk about her background as a developer. Then we talked about the cool new Next.js on Netlify hosting feature.).
• Production Implementation: Combine the architectural patterns demonstrated in this podcast with the official Netlify Documentation for type safety, performance, and long-term maintainability.
• Hands-On Video Walkthrough: Follow along with the live coding demos and discussion on YouTube (Hosting Next.js on Netlify) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Hosting Next.js on Netlify on YouTube using the timestamped chapters below:

• 00:00: Intro
• 00:00: Meet Cassidy Williams
• 00:00: Public speaking for introverts
• 00:00: Netlify and Next.js
• 00:00: Hosting static sites out of Next.js
• 00:00: Gatsby vs. Next.js
• 00:00: Opportunities for improvement for Next.js
• 00:00: How do I move to Netlify?
• 00:00: Leveraging CI and Netlify
• 00:00: Keeping secrets in multiple places
• 00:00: Redwood and Raindrop
• 00:00: What am I missing on Next.js?
• 00:00: What's the difference between Gatsby Image and Next.js Image?
• 00:00: Extending into eCommerce
• 00:00: How does Netlify handle Next.js sites?
• 00:00: Let's talk about Lambda
• 00:00: Can you price yourself out of Netlify?
• 00:00: Purrfect Picks
• 00:00: Cassidy: 1) Obsidian; 2) Itaewon Class
• 00:00: Brittney: 1) Next.js from the Ground Up; 2) The Next.js Handbook

Resources, Links & Official Documentation

• Watch on YouTube: Hosting Next.js on Netlify Full Video (plus Subscribe to CodingCat.dev)
• Show Pick: Write Once for all your Apps (picked by Alex Patterson)
• Show Pick: Next.js from the Ground Up (picked by Brittney Postma)
• Show Pick: The Next.js Handbook (picked by Brittney Postma)
• Show Pick: Obsidian (picked by Cassidy Williams)
• Show Pick: Itaewon Class → K-drama on Netflix (picked by Cassidy Williams)
• Cassidy Williams Guest Profile & Episodes on CodingCat.dev
• Cassidy Williams on GitHub
• Netlify Documentation: Jamstack deployments, edge functions, and build automation
• Next.js Official Documentation: App Router, Server Actions, and rendering architecture guides
• MDN JavaScript Reference: ECMAScript specifications, Web APIs, and runtime fundamentals

Related CodingCat.dev Tutorials & Podcast Episodes

• How to add Sentry to Next.js the right way!: Discover how to set up Sentry with Next.js for seamless error monitoring and performance tracking.
• Revealing all of Next.js 12's Features: We sit down with Lee Robinson, Head of Developer relations at Vercel, to talk all about Next.js 12.
• Next.js Deployment Adapters: A bright future for Next.js on Google Cloud in Firebase: Web Architecture & Implementation Guide: Hands-on web engineering breakdown of "Next.js Deployment Adapters: A bright future for Next.js on Google Cloud" (2026-03-26). Learn how to integrate Firebase, ...

Frequently Asked Questions (FAQ)

What are the main takeaways from Hosting Next.js on Netlify?

We sat down with Cassidy Williams to talk about her background as a developer. Then we talked about the cool new Next.js on Netlify hosting feature. 1.22 - Hosting Next js on Netlify: https://codingcat.dev/podcast/1-22-hosting-nextjs-on-netlify 00:00 - Intro
00:01 - Meet Cassidy Williams
05:58 - Public speaking for introverts
08:10 - Netlify and Next.js
11:05 - Hosting static sites out of Next.js
11:23 - Gatsby vs. Next.js
13:26 - Opportunities for improvement for Next.js
16:21 Throughout this podcast, Cassidy Williams breaks down real-world implementation details for Netlify, Next.js, JavaScript so developers can apply these patterns directly in production.

How do you implement Netlify best practices in production?

When adopting Netlify and Next.js in a production stack, start by validating your configuration against the Netlify Documentation (Jamstack deployments, edge functions, and build automation). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full Hosting Next.js on Netlify walkthrough and find related code resources?

You can watch the complete video session for Hosting Next.js on Netlify on the CodingCat.dev YouTube channel. For a deeper dive into Netlify, check out our related guide: How to add Sentry to Next.js the right way!.