client-components

Performant, Optimized Progressive Web Application (PWA) to input your notes and thoughts as soon as possible

Store any user state in query parameters; imagine JSON in a browser URL, while keeping types and structure of data, e.g.numbers will be decoded as numbers not strings. With TS validation. Shared state and URL state sync without any hassle or boilerplate. Supports Next.js@14-16, react-router@6-7, and Remix@2.

A hands-on Next.js learning journal covering App Router fundamentals, dynamic routing, layouts, rendering, Server & Client Components, data fetching, image optimization, metadata, and custom Not Found experiences.

A lightweight, universal Fetch-based HTTP client that works in Server Components, React, Vue, Svelte, Node, Bun, and more. No XHR, no polyfills, no client boundaries. Supports middleware, timeout, retry, caching, 0:deps

<></>

Run React anywhere

Visualize Client Component boundaries so you understand what code ships to the client.

Learning Next.js fundamentals including App Router, layouts, routing, server and client components.

🎯 Learn modern React patterns with Next.js - Server Components, streaming SSR, use hook, and accessibility best practices. Interactive demos with TypeScript & Tailwind CSS.

A Next JS Dashboard Build using React, TypeScript and SCSS to showcase Advanced NextJs, Data Layering and CSS Skills

⚡ Multi-User, Full-stack blogging application - Next.js, TailwindCSS, Supabase, Shadcn

Comparative analysis of React Server Components (Next.js) vs Client Components (Vite + React) — includes full implementation and performance results.

A secure and modern Next.js authentication system boilerplate using server actions, Prisma ORM, JWT, and Tailwind CSS for signup, signin, and user dashboard functionality

A Multi-Tenant SAAS Dashboard where users can create an account and manage their customers and invoices. It is based on the Next Learn Course, the official Next.js Course created by Vercel and which I modified to strengthen my skills.

Multiple demo projects created while learning Next.js 15, It covers concepts from basic to advanced

Next.js 15 project showcasing server and client rendering with optimized data fetching.

Next.js 15 Basics with App router

Sample repository showcasing the core features and best practices of Next.js 15. This project covers React Server Components vs. Client Components, file-based routing, layouts, route handlers, server actions, data fetching strategies, and authentication using Clerk.

A ChatGPT inspired full-stack chat app powered by Gemini API and the latest advancements in the React ecosystem

A complete website with next 14