Web Developer Blog
RSS FeedWelcome to my blog! I'm Aurora, and I share my thoughts and experiences about web development here. I write posts whenever I solve an interesting problem or learn something new. These days, I'm mostly working with React and Next.js, so you'll find plenty of content around those technologies. I hope you find something useful here!
Featured
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.
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.
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.
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.
Handling Form Validation Errors and Resets with useActionState()
Published:The React 19 `useActionState` hook is a powerful tool for creating a state based on the result of an action, typically useful with form submissions. Learn how to create a validated form using the hook, and how to handle form resets and errors with it.