#21: Next.js-Flat-Routes, Radix Themes, Caching Deep Dive, tRPC + App Router

Deep Dive: Caching and Revalidating – Caching is probably the most complex part of the new App Router. This insightful thread provides a detailed explanation on how caching works in Next.js and discusses ways how it can be improved in the future

🎥 tRPC + NextJS App Router = Simple Typesafe APIs – Another great video by Jack! Until now, one of the major drawbacks of switching to the App Router was leaving great libraries like tRPC behind. Well, not anymore. This video explains how you can use tRPC together with the new App Router

How to solve hydration error in Next.js – A brief explainer on why hydration errors happen and how you can handle them

What Is Streaming In The App Router? – If you want to get the most out of the Next.js App Router, then you should learn how streaming works and how you can use it

🎥 Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color – Learn how to implement beautiful placeholders with a blur effect when using Next.js images

Radix Themes – The creators behind Radix UI released a new open source component library similar to shadcn/ui

RSC Devtools – The work in progress version was already featured in a previous edition. Now the browser extension is finally published in the Chrome Web Store

typescript-book – A concise guide to effective development in TypeScript. Free and open source

next-flat-routes – A CLI tool to simplify Next.js routing by allowing developers to work with a flat route structure

Senior Software Engineer (Frontend Lead) – Come lead Emerge's web platform, used by teams like DoorDash, Square, Dropbox & Airbnb (our stack: Next.js, React, TS, Vercel)

🎥 Vercel AI Accelerator Demo Day – This is an interesting watch! Just six weeks ago, Vercel announced their AI Accelerator program. In this video, 28 of the startups that joined the program showcase their projects during the demo day

Quit Your YAP-ing – Learn when adding yet another prop to a React component becomes a problem and how to fix it with composition

Ditch process.env, use a typed config – There are already some packages that address the issue described in this post but it’s still worth reading. You’ll learn how to make your config centralized and type-safe

React Suspense in three different architectures – Great opportunity to learn more about React Suspense and how it can be used across client-side rendering, server-side rendering, and server components