Dynamically Generating PWA App Icons in Next.js 16 with Serwist
A guide to dynamically generating PWA app icons based on environment (dev, prod) in a Next.js 16 project using the Serwist library.
Aurora Scharff — Software Engineer from Norway and Microsoft MVP in Web Technologies, specializing in React, Next.js, .NET, and Azure, and sharing modern React best practices through consulting, writing, and international speaking.
13 articles from this blog
A guide to dynamically generating PWA app icons based on environment (dev, prod) in a Next.js 16 project using the Serwist library.
Explores the incompatibility between Next.js 16's 'use cache' directive and next-intl, offering a workaround and discussing the upcoming solution.
A tutorial on building a responsive React combobox using useDeferredValue() and useSuspenseQuery() for smooth user experience and performance.
A guide to effectively composing React Server and Client Components to maintain performance benefits while adding interactivity.
A guide to building reusable React 19 components using Actions, useTransition, and useOptimistic for handling state and side effects.
Explains how to use React 19's cache() API to prevent server component waterfall fetching and improve performance in Next.js.
A guide to implementing advanced, shareable search and filter state management in Next.js App Router using URL parameters and React 19 features.
A guide to using React 19's useActionState hook for form validation, error handling, and resets in a contact form example.
A tutorial on implementing a custom feature flagging system using environment variables and Yup validation within the Next.js App Router.
A technical guide to rebuilding the Remix Contacts tutorial using Next.js 14, React Server Components, Server Actions, Prisma, and Transitions.
A guide to implementing React's useOptimistic() hook across layouts and pages in Next.js using a Context provider for optimistic UI updates.
A tutorial on integrating React Hook Form with Next.js 14 Server Actions, using Zod for validation and adding optimistic UI.
A guide to testing async, internationalized React Server Components in Next.js App Router using Vitest and React Testing Library.