/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
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.
Implementing Next.js 16 'use cache' with next-intl Internationalization
Published: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.
Building Reusable Components with React 19 Actions
Published:Learn how to build reusable components with React 19 Actions, track transition states, use optimistic updates, and expose action properties for custom logic.
Avoiding Server Component Waterfall Fetching with React 19 cache()
Published:Learn how to use the React 19 cache() API in the Next.js App Router to optimize performance and avoid fetch waterfalls when using React Server Components.