Web Developer Blog
RSS FeedWelcome to my blog! Here, I will be sharing my thoughts and experiences about web development. My plan is to write a post whenever I solve a problem that I want to remember or learn something new. I hope you find something useful here. These days, I mostly work with React and Next.js, so expect content related to those technologies.
Featured
Dynamically Generating PWA App Icons in the Next.js App Router
Published:Progressive Web Apps (PWAs) are a great way to enhance the user experience of your web application. In this blog post, I will show you how to dynamically generate PWA app icons in the Next.js App Router using next-pwa.
Managing Advanced Search Param Filtering in the Next.js App Router
Published:When working with React Server Components and other new features and patterns in the Next.js App Router, it can be hard to manage advanced search param filtering. In this blog post, we will explore how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.
Handling Form Validation Errors and Resets with useActionState
Published:With React 19 RC announced, the `useActionState` hook is a powerful tool for creating a state based on the result of an action, typically useful with form submissions. However, there are unclear usage patterns and some gotchas that can make it hard to work with. In this blog post, we'll create a validated form using the hook, and we'll see how we can handle form resets and errors with it.
Implementing Feature Flagging with the Next.js App Router
Published:Feature flagging is a technique that allows you to enable or disable features in your application without deploying new code. In this blog post, I will show you how to implement a simple version of feature flagging with the Next.js App Router.
Recent Posts
Creating a Reusable SubmitButton with useFormStatus
Published:With React 19 on the horizon, the `useFormStatus` hook is a powerful tool for handling form submissions. It will allow us to create a submit button that can be used across multiple forms, while it handles the form state for us. In this blog post, we'll create a reusable SubmitButton with `useFormStatus`.
Rebuilding "Remix Contacts" in Next.js 14 with Transitions, Server Actions and Prisma
Published:Remix Contacts is Remix's official tutorial. In this blog post, we'll rebuild it in Next.js 14 using React Server Components, Server Actions, Transitions and Prisma, and compare the two approaches.
Utilizing useOptimistic() Across the Component Tree in Next.js
Published:The React Canary (soon to be React 19) hook useOptimistic is a powerful tool for building fast and responsive UIs. It allows you to update the UI optimistically while waiting for the server to respond. In this blog post, I'll show you how to use useOptimistic across the component tree in Next.js.
Implementing React Hook Form with Next.js 14 and Server Actions
Published:React Hook Form is a popular library for building interactive forms in React. In this blog post, I'll explain how to use React Hook Form with Next.js 14 and Server Actions.