/blog
RSS FeedHey, I'm Aurora ♡ DX Engineer at Vercel and React Certification Lead at certificates.dev. Here I write practical guides on React, Next.js, and modern web development, based on things I've learned building real apps.
Featured
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:Before cache components, the Precompute pattern encoded request-specific data like auth state into URLs to keep pages static. This post documents how it works, where it shows up in practice, and what cache components mean for it.
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.