#80: BKND, Prerendered Performance, RSC Cache Hack, Better Auth UI, 10x TypeScript, NumberFlow, MCP

How much traffic can a pre-rendered Next.js site really handle? – If you’re hosting a Next.js site and expecting traffic spikes, this is a must-read. The author experimented with scaling Docker containers, upgrading to a dedicated server, and comparing pre-rendering to SSR. The results are surprising

► Combining React Query With Server Components – Explains how to handle the server-client divide in Next.js and how to use React Query on the server for prefetching data

Build Next.js UIs faster – Reweb is the visual builder for Next.js, Tailwind & shadcn/ui. Build UI fast with templates, AI & visual editing. Export quality Next.js code.

Tips on extensible and maintainable components – For us devs, building components that are easy to extend and maintain isn’t just a nice to have, it’s a survival skill. This piece walks through practical examples of how to balance flexibility with structure. From creating reusable buttons with thoughtful props to enforcing consistent styling through variants.

The URL is a great place to store state in React – Makes a strong case for why query parameters and path parameters deserve a spot in your state management. Also covers practical ways to implement this with libraries like nuqs

Abusing RSC's Cache For Blog Footnotes – This is actually pretty clever hack! By mutating an object’s keys wrapped inside React’s cache function, you can assign indices and store footnote content

bknd – A fully open source backend system that runs anywhere. No database lock-in, no framework lock-in, and it sticks to web standards. It’s TypeScript-powered, self-hostable, and can be integrated directly into your Next.js app

next-intl 4.0 – Highlights include stricter type safety, GDPR compliance, strictly-typed locales and ICU arguments, revamped augmented types, and improved inheritance in NextIntlClientProvider. The bundle size is down ~7%, and TypeScript 5 is now required

ARK v5.0.0 – Ark is the headless component library behind Chakra UI and it leveled up with v5 by becoming 1.5x–4x faster in stress tests while the bundle size got smaller

Better Auth UI – Fully responsive, shadcn-powered, and built to integrate seamlessly with better-auth

Self-Hosting Next.js: Strategic Planning for Scale – Vercel bills too high? Join this live session on March 20 & explore cost-saving migration techniques for your Next.js app.

More:

• React Aria: March 5, 2025 Release – New components like Toast, Tree, and Virtualizer, Tailwind CSS v4 support
• Number Flow – An animated, dependency-free number component
• Origin UI – A collection of free and customizable layouts

A 10x Faster TypeScript – Biggest news of this week: The TypeScript team is rewriting the compiler and tools in Go. The early tests are showing 10x faster build times, halved memory usage, and near-instant editor responsiveness for larger codebases. A preview is expected by mid-2025, with a full release by year-end

Node just added TypeScript support. What does that mean for Deno? – Node.js just added native TypeScript support (finally), but how does it stack up against Deno’s fully integrated TypeScript toolchain? This post compares the two, and covers topics such as type stripping and tsconfig to CI workflows and npm compatibility

► Fix Your Slow React App With React-Scan – Jack demonstrates how React Scan helps you spot excessive re-renders and slow components in real time. If your React app feels sluggish, this video might be for you

What is Model Context Protocol (MCP)? – Everyone and their mother is talking about MCP. This article is a perfect intro to what MCPs are, how they work, and why they might just replace traditional APIs for AI integrations.