#97: tRPC vs oRPC, AI Elements, Async Combobox, Server / Client composition, React Cache Consistency, Serverless Database Connections

Server and Client Component Composition in Practice – You don’t need to turn your Server Components into client ones just for a button click. By separating data fetching (server) from interactivity (client) using wrapper components you can keep all that sweet RSC benefits while still adding interactivity

Reflections on the React community – Lee looks back on 10 years with React and 5 years leading the Next.js community. He talks about the joy of building, the stress of managing a huge OSS project, and why stepping away gave him space to share what really happened behind the scenes.

just use civic auth bro 🙄 – took us 1 minute… guess we’re just built different

React Cache: It's about consistency – Most people think cache() is just for avoiding duplicate fetches, but it also keeps data in sync across components during a server render, so every component uses the same snapshot, even if they load at different times

► tRPC vs oRPC: Typesafe API battle – Not sure if you should use tRPC or oRPC for your Next.js app? In this guide Jack builds the same app four ways: raw API, server functions, tRPC, and oRPC, so you can see the trade‑offs

How Polymarket reached a 9 MB bundle size and what you can do to avoid it – A checklist of what not to do in your Next.js app: import whole libraries instead of just what you need, use wildcard imports, keep barrel files, and prefetch way too much data

Building an Async Combobox with useSuspenseQuery() and useDeferredValue() – A really nice pattern for building responsive search UIs. Combine TanStack Query’s useSuspenseQuery() with React’s useDeferredValue() to keep results on screen while new ones load, so users never see a flicker

AI Elements – A new open source library of React components for building AI-powered UIs with the Vercel AI SDK. Built on shadcn/ui, it gives you ready‑to‑use chat threads, input boxes, reasoning panels, and more

Dashboard Template – A free, open-source dashboard starter packed with shadcn/ui, Next.js in SPA mode, and React Hook Form validation

better-auth-starter – A modern Next.js boilerplate with authentication, admin dashboard, and user management built with Better Auth, Drizzle ORM, and PostgreSQL

REUI – Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.

More:

• Kibo UI – Stories component
• ts-regexp – a strictly typed & minimal RegExp wrapper.
• Liseré – a lightweight and composable React component for text highlighting

Build with Next.js 15 + Strapi – In this step-by-step tutorial series, you’ll learn to build a video summarization app using Next.js 15 & Strapi

The real serverless compute to database connection problem, solved – Serverless functions can “leak” database connections when they’re paused. This can quickly hit connection limits. The article explains how you can fix that on Vercel’s Fluid Compute with a one‑liner that closes idle connections before suspension

React Query Selectors, Supercharged – React Query’s select option lets you subscribe components to only the data they care about, which minimizes unnecessary re-renders. In this guide Dominik goes through real-world scenarios where select is useful, such as working with large API responses or frequently changing data and shows how to select single fields, multiple fields, and transform data before it reaches the component

► Hono just works on Vercel now – Vercel recently added zero‑configuration deployment for Hono backends. This video demonstrates how to build and deploy a simple Hono API using the new feature.

Modern Node.js Patterns for 2025 – Node.js in 2025 feels like a whole new platform: ESM by default, built-in fetch, top-level await, native testing, web-standard streams, worker threads, and a permission model. This post covers the most important features and how they improve the platform