#68: New unauthorized() API, Better Auth v1, Tailwind CSS v4, React Scan, use cache, Feature-based Architecture

Better Auth v1.0 – Better Auth is a fully-fledged, batteries-included authentication library for TypeScript apps, and quite possibly the last hope for self-hosted auth in the JavaScript ecosystem. It covers all the essentials, from email and OAuth sign-up, to advanced capabilities like rate limiting and changing email. Beyond that, it’s incredibly extendable thanks to a plugin system, offering features like anonymous authentication, organization support, and multi-session handling. If you’ve been frustrated with other auth solutions, I’d highly recommend giving Better Auth a try.

► “use cache” NextJS’s latest take on data caching – An introduction to caching in Next.js 15: Jack breaks down three types of caching (one of them using the pages router) and explains when to use each one to optimize performance for your apps.

SupaVlog: A Next.js Vlog Application Starter Kit – SupaVlog is a Vlog Starter Kit built with Supabase, Stream, Hookdeck, and Next.js, and easily deployable to Vercel.

How to Set Up Next.js 15 for Production in 2024 – Provides a detailed walkthrough of every step and package required to set up a production-ready Next.js 15 application.

Meta Tags in Next.js: From Zero to SEO Hero – A beginner-friendly guide to implementing dynamic meta tags, OpenGraph properties, and social cards in your Next.js applications

The use cache Directive Deep Dive in Next.js – An in-depth guide on useCallback and you can use it to prevent unnecessary re-renders

Feature-based React Architecture – If managing spaghetti code is wearing you out and you’re eager to introduce some structure into your codebase, this article is exactly what you need. Robin explains how to reorganize your app’s React components and data fetching into a feature-focused architecture and explores how to use component composition patterns to tie together components from different features

Tailwind CSS v4.0 Beta 1 – The first public beta release is here! Version 4 introduces a bunch of powerful features and improvements, including CSS-first configuration—allowing you to customize and extend the framework directly in CSS instead of relying on a JavaScript configuration file. It also offers first-class support for modern CSS capabilities like container queries, built-in import handling, vendor prefixing, and syntax transforms. On top of that, you’ll experience up to 5x faster builds and 100x faster rebuilds.

React Scan – A CLI tool to scan for React performance issues and eliminate slow renders in your app

AI SDK 4.0 – Introducing PDF support, computer use, and an xAI Grok provider

MistCSS v1.0 – Style your React components with classic CSS while enjoying the benefits of type safety and autocomplete.

More:

• 𝕏 Better Next.js error overlays incoming
• Announcing TypeScript 5.7
• 👀 New Next.js “unauthorized” API

React Paris – 🌟 React Paris 2025 is here! Join us in the heart of Paris for an unforgettable frontend experience featuring industry leaders like Kent C. Dodds, Aurora Scharff, Dominik Dorfmeister, Kateryna Porshnieva, and Tejas Kumar. Don´t miss out—secure your spot now and level up your React game! 🎟️

► The Future of React Query – Dominik, the maintainer of TanStack Query, discusses its use in server environments and explores how it integrates with modern React features like server components.

Thoughts on What RSC Means for SPAs – The creator of Waku, an alternative React framework that supports server components, shares his thoughts the benefits of RSCs for Single Page Apps

No Fuss Light/Dark Modes – The post walks through how to make a site switch between light and dark modes based on your system settings and why adding a toggle for users can get tricky.

More:

• Vercel: Node.js 22 LTS is now generally available
• Vercel Blob now supports file upload progress