Dev Daily Hub: guides and tutorials for developers

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

Build React 19 forms where the frontend and backend share one set of generated types and one Zod schema, using React Hook Form, Apollo Client and Serv...

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

Constant time solution
DSA

From Brute Force to top 40% on LeetCode

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

AstroVerse-Getting Started
Astro

Getting Started With Astro

AstroVerse-Markdown Style Guide
Markdown Astro

Markdown Style Guide