/blog
RSS FeedHey, I'm Aurora ♡ I work on the Next.js team at Vercel, where I focus on developer experience, tooling, and education. I'm also the React Certification Lead at certificates.dev. Here I write practical guides on React, Next.js, and modern web development.
Featured
Component Architecture for React Server Components
Published:React Server Components let each component fetch the data it needs. Pages stop being giant loaders that prop-drill everything down. Here's how that changes how you architect a page, where loading boundaries live, and why it leads to better UX.
Building Design Components with Action Props using Async React
Published:Learn how to build reusable design components that expose action props and internally manage optimistic updates, loading states, and automatic rollback, so consumers just pass a value and an action.
Building an Async Combobox with useSuspenseQuery() and useDeferredValue()
Published:Learn how to create a declarative combobox component using `useDeferredValue()` and `useSuspenseQuery()` for smooth, performant user experiences.
Server and Client Component Composition in Practice
Published:Learn how to compose client and server components effectively in React. Explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.
Managing Advanced Search Param Filtering in the Next.js App Router
Published:Learn how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.
Recent Posts
The Precompute Pattern: Encoding Dynamic Data into URLs in Next.js
Published:The Precompute pattern encodes request-specific data like auth state, locale, and feature flags into URLs to keep pages statically generated. This post walks through how it works, where it shows up in production, and how it relates to cache components.
Implementing Next.js 16 'use cache' with next-intl Internationalization
Updated:Next.js 16 introduces component-level caching with the 'use cache' directive, but it doesn't work seamlessly with next-intl yet. Learn why and discover a practical workaround.
Error Handling in Next.js with catchError
Published:react-error-boundary has issues with Server Components in Next.js. catchError is a framework-aware alternative that handles notFound(), redirect(), and server data re-fetching correctly.
Dynamically Generating PWA App Icons in Next.js 16 with Serwist
Updated:Learn how to dynamically generate PWA app icons in Next.js 16 using Serwist. This guide shows how to create environment-specific icons for development, staging, and production environments.