> Canonical URL: https://codingcat.dev/topic/nextjs

# Next.js Courses, Podcasts & Blog Posts | CodingCat.dev

🚀 Framework & UI Hub

# Next.js.

App Router, React Server Components, Server Actions & Caching

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Next.js: App Router, React Server Components, Server Actions & Caching.

[Search All Next.js Content](/search?q=Next.js)![Next.js official logo](/logos/tags/nextjs-lockup-light.svg)![Next.js official logo](/logos/tags/nextjs-lockup-dark.svg)Official Next.js Brand Lockup (11 Blog Posts · 11 Episodes)✏️ Next.js Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How Next.js fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## Next.js Blog Posts.

Showing 8 of 11 blog postsFiltered: Next.js[Open Full Topic Hub →](/topic/nextjs)[![Zero-flicker Firestore SSR with React in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/2de683dfd1881b7c8d680aa048f35c041f8d59c7-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-06-firestore-serialization-react)June 25, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Zero-flicker Firestore SSR with React in Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-06-firestore-serialization-react)

Alex Patterson's hands-on web engineering breakdown of "Zero-flicker Firestore SSR with React" (2026-06-24). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Next.js Deployment Adapters: A bright future for Next.js on Google Cloud in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f0b80d872578da29038b8b2de5cda706be97a038-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-03-nextjs-adapters)March 27, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Next.js Deployment Adapters: A bright future for Next.js on Google Cloud in Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-03-nextjs-adapters)

Alex Patterson's 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 wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![App Hosting has in-console environment variables and faster builds in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/47a63d1d4f4fc9eac2b09359a1e6b3935ae2f0fa-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-03-apphosting-march-update)March 13, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [App Hosting has in-console environment variables and faster builds in Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-03-apphosting-march-update)

Alex Patterson's hands-on web engineering breakdown of "App Hosting has in-console environment variables and faster builds" (2026-03-12). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![App Hosting adds support for Turborepo in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6361c570bd4476c904d225670d8b76770dc34615-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2026-01-apphosting-turborepo)January 9, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [App Hosting adds support for Turborepo in Firebase: Web Architecture & Implementation Guide](/post/firebase-2026-01-apphosting-turborepo)

Alex Patterson's hands-on web engineering breakdown of "App Hosting adds support for Turborepo" (2026-01-08). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![App Hosting has faster deployments, route-based monitoring, and improved CI/CD setup in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/8957b759f10c35769557d9f8371964b2d6008a7e-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-08-apphosting-august-update)August 26, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [App Hosting has faster deployments, route-based monitoring, and improved CI/CD setup in Firebase: Web Architecture & Implementation Guide](/post/firebase-2025-08-apphosting-august-update)

Alex Patterson's hands-on web engineering breakdown of "App Hosting has faster deployments, route-based monitoring, and improved CI/CD setup" (2025-08-25). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![What web frameworks does Firebase App Hosting support?: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/abbc622e6d0ff7c307da55103cc339a98b0c4394-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-06-app-hosting-frameworks)June 6, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [What web frameworks does Firebase App Hosting support?: Web Architecture & Implementation Guide](/post/firebase-2025-06-app-hosting-frameworks)

Alex Patterson's hands-on web engineering breakdown of "What web frameworks does Firebase App Hosting support?" (2025-06-05). Learn how to wire up Firebase, Google Cloud, Web Dev, Next.js in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Deploy Angular & Next.js apps with App Hosting, now GA! in Firebase: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f485633d3ded1d77080210d2e0dc741d6c2d9b44-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-04-apphosting-general-availability)April 10, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Deploy Angular & Next.js apps with App Hosting, now GA! in Firebase: Web Architecture & Implementation Guide](/post/firebase-2025-04-apphosting-general-availability)

Alex Patterson's hands-on web engineering breakdown of "Deploy Angular & Next.js apps with App Hosting, now GA!" (2025-04-09). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![How to Secure Vercel Cron Job routes in Next.js 14 (app router)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/329bd797867613656e79934a1887987147f6c68e-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/how-to-secure-vercel-cron-job-routes-in-next-js-14-app-router)July 15, 2024[![](/logos/tags/vercel-symbol-light.svg)![](/logos/tags/vercel-symbol-dark.svg)Vercel](/topic/vercel)[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)

### [How to Secure Vercel Cron Job routes in Next.js 14 (app router)](/post/how-to-secure-vercel-cron-job-routes-in-next-js-14-app-router)

Learn how to manage Cron Jobs effectively in Vercel. How to stay in the Hobby plan while executing multiple API requests. Learn how to manage Cron Jobs effectively in Vercel. Explore cron job duration, error handling, deployments, concurrency control, local execution and more.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## Next.js Podcast Episodes.

Showing 8 of 11 episodesFiltered: Next.js[Open Full Topic Hub →](/topic/nextjs)[![Stop Killing your Largest Contentful Paint score with images!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/75dc7459b152687483012f9c2c34cd87ba39c3d1-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/stop-killing-your-largest-contentful-paint-score-with-images)January 24, 2025[![](/logos/tags/cloudinary-symbol-light.svg)![](/logos/tags/cloudinary-symbol-dark.svg)Cloudinary](/topic/cloudinary)[![](/logos/tags/contentful-symbol-light.svg)![](/logos/tags/contentful-symbol-dark.svg)Contentful](/topic/contentful)

### [Stop Killing your Largest Contentful Paint score with images!](/podcast/stop-killing-your-largest-contentful-paint-score-with-images)

Join us as we explore Cloudinary's new components for Next.js! Learn how to optimize images, integrate Cloudinary, and boost performance.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Colby Fayock](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c62723671f45393131cf552976d6ee36569da91a-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Colby Fayock](/guest/colby-fayock)[![How to add Sentry to Next.js the right way!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c8bdc4d88604cef005fd18d07d3867597cb4f2f5-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-to-add-sentry-to-next-js-the-right-way)October 16, 2024[![](/logos/tags/sentry-symbol-light.svg)![](/logos/tags/sentry-symbol-dark.svg)Sentry](/topic/sentry)[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)

### [How to add Sentry to Next.js the right way!](/podcast/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.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Luca Forstner](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/845562faff8282a2c6b4514e0e8102ae5f5e2a63-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Luca Forstner](/guest/luca-forstner)[![Next.js Amplified: Full-Stack Web Apps on AWS Amplify Gen2](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/be4ab3b7d1d31d0354fa6889511f4e172adcb40f-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-1-2-aws-amplify)February 14, 2024[![](/logos/amplify/amplify.svg)![](/logos/amplify/amplify.svg)AWS Amplify](/topic/amplify)[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)

### [Next.js Amplified: Full-Stack Web Apps on AWS Amplify Gen2](/podcast/cwcc-1-2-aws-amplify)

AWS Amplify using Gen2, a code first approach

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Erik Hanchett](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a0343d7b1b3a9df7807a0affe5302caab16f0a28-352x352.jpg?w=96&h=96&q=82&fit=max&auto=format)Erik Hanchett](/guest/erik-hanchett)[![Live Coding Clerk, into Next.js with James Perkins](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/298997c1c8cd046d8b7bf86836888063a88e710c-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/cwcc-0-9-clerk-with-appwrite)September 14, 2022[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)[![](/logos/tags/clerk-symbol-light.svg)![](/logos/tags/clerk-symbol-dark.svg)Clerk](/topic/clerk)

### [Live Coding Clerk, into Next.js with James Perkins](/podcast/cwcc-0-9-clerk-with-appwrite)

James walks Alex through how to use Clerk in Next.js

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![James Perkins](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/879a0b33c46a89e20220aa9db32cfd67d7e79d62-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)James Perkins](/guest/james-r-perkins)[![Supabase, Next.js and Builder.io](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d4babb7ffb9548d3bd4406f7d65f901678ff876b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/supabase-next-js-and-builder-io)August 18, 2022[![](/logos/tags/supabase-symbol-light.svg)![](/logos/tags/supabase-symbol-dark.svg)Supabase](/topic/supabase)[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)

### [Supabase, Next.js and Builder.io](/podcast/supabase-next-js-and-builder-io)

Jon Meyers sits down with Alex to talk about Supabase, Next.js and Builder.io.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Jon Meyers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e0d76b2ff5883a51386dd531b898f9944a1cb4be-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Jon Meyers](/guest/jon-meyers)[![Next.js Script with Partytown Web Workers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/29564005a2da9cd3321b446e5fcd6647d5fb05cc-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/podcast/2-28-nextjs-script-with-partytown-web-workers)June 22, 2022[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)[![](/logos/tags/builder-io-symbol-light.svg)![](/logos/tags/builder-io-symbol-dark.svg)Builder.io](/topic/builder-io)

### [Next.js Script with Partytown Web Workers](/podcast/2-28-nextjs-script-with-partytown-web-workers)

Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Adam Bradley](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/96980c0a51b4dd356f6f22a649a83357311c99a9-1024x1024.jpg?w=96&h=96&q=82&fit=max&auto=format)Adam Bradley](/guest/adam-bradley)[![Houssein Djirdeh](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/51176a30dd08e030ca56b07050b9ca4ab569a4c4-362x362.jpg?w=96&h=96&q=82&fit=max&auto=format)Houssein Djirdeh](/guest/houssein-djirdeh)[![Revealing all of Next.js 12](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/7cab5a5a4b0795f6ab935e9b41d8f0d31d093535-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-46-revealing-all-of-next-js-12-s-features)November 17, 2021[![](/logos/tags/vercel-symbol-light.svg)![](/logos/tags/vercel-symbol-dark.svg)Vercel](/topic/vercel)[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)

### [Revealing all of Next.js 12's Features](/podcast/1-46-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.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Lee Robinson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d2131d51fab0c178751ee53662fd91308f0b4cef-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Lee Robinson](/guest/lee-robinson)[![Reviewing Next.js 11 features with Tim Neutkens](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/2e3a02b625146e6099fde4c9dff438a1933e1b4d-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/1-36-reviewing-nextjs-features-with-tim-neutkens)September 15, 2021[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)

### [Reviewing Next.js 11 features with Tim Neutkens](/podcast/1-36-reviewing-nextjs-features-with-tim-neutkens)

We sit down with Tim to talk about how he got started with Next.js and what things are upcoming in Next.js 11.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Tim Neutkens](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/7a42edb655e17a08e5b939c0e31ef34444ffcad1-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Tim Neutkens](/guest/tim-neutkens)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded