Web developer blog

Welcome to my blog! Here I will be sharing my thoughts and experiences about web development. The plan is to write a post whenever I solve a problem that I want to remember, or when I learn something new. I hope you find something useful here.

Featured

• Rebuilding "Remix Contacts" in Next.js 14 with Transitions, Server Actions and Prisma

  Published:Apr 5, 2024

  Remix Contacts is Remix's official tutorial. In this 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:Feb 24, 2024

  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:Dec 30, 2023

  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.

Recent Posts

• Running tests with RTL and Vitest on internationalized React Server Components in Next.js 13

  Published:Sep 10, 2023

  Considering the relatively new React Server Components (RSC) and Next.js 13, there is not a lot of documentation on how to test them. In this blog post, I'll explain a method I found to work for running tests with Vitest and RTL (React Testing Library) on React Server Components that utilizes internationalization (i18n) via the next-international package.