Web-Dev articles

Diagram of a GraphQL schema feeding codegen, a shared types and Zod package, a React web app and an Apollo API
React GraphQL TypeScript

Type-safe React 19 Forms with React Hook Form, Zod, Apollo and GraphQL Codegen

old vs new portfolio design
Design Portfolio

I Tested 8 AI Design Tools to Redesign My Portfolio - Here's What Worked

Migrate from 15 to 16 using AI
Next React

Migrating to Next 16 using the next-devtools-mcp

AstroVerse-Aliases
React

How I use useFormStatus

AstroVerse-Aliases
React

How to use Optimistic

AstroVerse-Aliases
React

How to use Action State

AstroVerse-Aliases
React

Creating a React 19 Project

Image with the the Free QR Gen logo on it
React

Generate QR Codes in React

Image with the leetCode logo on, a TypeScript logo and the text Two Sums
DSA TS LeetCode

LeetCode 1. Two Sums

AstroVerse-Aliases
Astro

Why choose Astro over another web framework

AstroVerse-tailwind-typography
Tailwind Astro

Tailwind typography

AstroVerse-Astro Islands
Astro

Astro Islands