#53: TypeScript 5.5, Auth Best Practices, React Suspense Drama, useSuspenseQuery, Turborepo 2.0

► Next.js: Authentication – A guide fresh out of Vercel covering authentication best practices for Server Components, Server Actions, Middleware and how to create a Data Access Layers in Next.js apps

Data Fetching Patterns in Single-Page Applications – Pretty long read, but definitely worth it. The article explains how to implement patterns such as async state handling, parallel data fetching, fallback UI, and code splitting in React apps

Run GitHub Actions up to 2x faster and 50-75% cheaper – Blacksmith provides a drop-in replacement for GitHub Actions runners that use modern gaming CPUs instead of GitHub's decade-old server hardware. It's a one-line code change and takes under 5 minutes to integrate.

Build a modern authenticated chat application with Next.js, Ably, and Clerk – Learn how to implement a chat application with Next.js, including user authentication, roles, and message history

Hybrid i18n with Next.js and Astro – A 4-part journey in search of the perfect internationalization (i18n) system for hybrid frameworks

Structured logging for Next.js – Using the Pino logging library to add structured logging to Next.js

Cleaner components with useSuspenseQuery – A quick guide on how your can use React Suspense to simplify the code in your components

More:

• 𝕏 Check Vercel Cache status in Chrome devtools
• 𝕏 Building with React 19 (actions + useOptimistic)
• ► Beware of "auto" Mode in the NextJS App Router

Announcing TypeScript 5.5 RC – Type predicate inference, more type narrowing, an @‍import tag for JSDoc, the --isolatedDeclarations flag, performance & reliability improvements, and much more. Check out Theo’s video “The Biggest TypeScript Update In Years”

𝕏 next-safe-action v7 🚀 – next-safe-action is a library for validating Server Action inputs. In the latest release, the library has been completely rewritten, offering a new API and features like middleware support and the ability to choose schema validation libraries other than Zod

Organize Your Prisma Schema into Multiple Files in Prisma v5.15 – With Prisma ORM 5.15.0 you can now use multiple Prisma Schema files instead of just one. Learn how to enable this feature and check out a real-world example

Turborepo 2.0 – Another major release! Version 2.0 comes with a new terminal UI, better logs and integrated watch mode

More:

• Create offline "desktop" app using Next.js without Electron
• New version of prettier-plugin-tailwindcss
• 𝕏 Sonner v.1.5.0 – An opinionated toast component for React

React 19 and Suspense - A Drama in 3 Acts – There was a lot of drama on X last week due to a performance-impacting change in how Suspense will behave in React 19. This article explains the entire situation in detail

The evolution of Serverless Postgres – A comparison of the feature sets and pricing models of Amazon's serverless Postgres vs Neon

Why We Don't Have a Laravel For JavaScript... Yet – Explores why JS lacks batteries-included frameworks as popular as Laravel or Rails. The Wasp (a fullstack JS framework) DevRel author is probably a bit biased, but it's an interesting read

I tried React Compiler today, and guess what… – Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced

More:

• Introducing bytecode caching for Vercel Functions
• Improved security with automation testing now available on all plans
• 10 modern Node.js runtime features to start using in 2024