#60: Breaking Changes, SaaS Starter, React 19 Cheat Sheet, Next.js Patterns, TypedSQL

Next.js SaaS Starter – Lee from Vercel has developed a SaaS Starter template, ideal for learning top-tier Next.js patterns and best practices. The template uses Tailwind, shadcn, and Drizzle ORM and comes with Email/password authentication, basic RBAC and Stripe payment integration out of the box

React 19 Cheat Sheet – All the new features in React 19, conveniently compiled on an easy-to-print Letter-size sheet

Search Params in Next.js for URL State – More developers should start using the URL to store application state. This article walks you through how to do it using nuqs

Deploying a Next.js App to Production in any server – Build a docker image of your Next.js app that can be deployed to any server, without any proprietary cloud provider lock-in.

Next.js Patterns – A collection of practical patterns for building real-world Next.js applications. Learn how to stream files and how to prevent CSRF vulnerabilities

MDX in Next.js – Learn how to set up and configure MDX in a Next.js App Router app with next/mdx and Next MDX Remote.

More:

• ► ShadCN’s Revolutionary New CLI
• ► React's most dangerous feature

Announcing TypedSQL – Prisma ORM now supports the ability to write raw sql queries and have the inputs and outputs be fully type-safe

DMNO: Environment Variables. Evolved – A full-stack configuration tool that provides validation, leak detection/prevention, and type-safety for your environment variables and secrets

Announcing TypeScript 5.6 – With TypeScript 5.6, developers benefit from improved code safety, faster builds, and more responsive diagnostics

More:

• Minesweeper in Next.js
• 𝕏 Quick demo of JS config file and plugin support in the latest Tailwind CSS v4 alpha
• New Form component in Next.js
• [Breaking]: Update Dynamic APIs to be async
• [Breaking]: Remove geo and ip from NextRequest

What are Durable Functions? A visual JavaScript primer – A great visual walkthrough of the inner workings of Durable Functions.

Don't Sleep on AbortController – Learn how to cancel requests, remove event listeners, and make any part of your code abortable

Error handling and retry with React Server Components – Explores how to handle and recover from errors in React Server Components

Multipart Namespace Components: Addressing RSC and Dot Notation Issues – This blog post explains how to create multipart components with dot notation (e.g. Card.Header), and support for RSCs and better tree shaking