Next.js & React tutorials
Practical guides on the App Router, auth, state management, Tailwind, and modern frontend stacks. Filter by topic or search the archive.
Next.js 15.5: Key Features, Updates, What Developers Need to Know
Discover the new features in Next.js 15.5, from Turbopack builds to stable Node.js middleware and TypeScript improvement...
How to Upgrade to Prisma 6 — Guide for a Clean Migration
Upgrade Prisma to version 6 with confidence. Follow this developer-friendly guide to migrate smoothly, configure output ...
Better Auth + Prisma: Secure Auth in Next.js App Router
A real-world tutorial for building modern email+password authentication with Better Auth, Prisma ORM, and the App Router...
Better-T-Stack: The TypeScript CLI That Actually Gets Modern App
Ever wondered how to create that smooth blur-to-sharp loading effect you see on modern websites? Let's break down a prod...
Building a Smart BlurImage Component in Next.js 15 App Router
Ever wondered how to create that smooth blur-to-sharp loading effect you see on modern websites? Let's break down a prod...
Smooth Page Transitions in Next.js 15 – A Deep Dive Guide
Learn how to implement buttery smooth page transitions in Next.js 15 using the native View Transitions API. No heavy lib...
I Built an E-commerce App Without Writing Code – Here's
How we used AI + [Prisma's MCP server](https://www.prisma.io/docs/postgres/integrations/mcp-server) to 'vibe code' a ful...
Build AI Image Generator in Next.js with Flux.1 Kontext
Learn how to build a professional AI image generation app using Next.js and Black Forest Labs FLUX API. Complete tutoria...
How to Use React Query with Next.js Server Components - Demo
Learn how to combine React Query with Next.js server components to improve performance, reduce network requests, and sim...
Better Auth — Complete Implementation with Next.js and Prisma
Detailed guide for setting up secure email and password authentication with Better Auth, Prisma and Next.js, including e...
Migrating from Auth.js to Better Auth: A Step-by-Step Guide
Migrate from Auth.js to Better Auth in your Next.js app without losing data or functionality. This guide walks you throu...
TanStack DB — Supercharge Your App with a Reactive Data Layer
TanStack DB gives you blazing-fast live queries, fine-grained reactivity, and local optimistic mutations — all with real...
Power Up Your AI App with Next.js 15 MCP Chat Client and Composio
Learn to build a Next.js 15 chat MCP client with Composio and local MCP servers. Create an AI-powered chatbot with this ...
Zustand + React Query for Next.js Client & Server State
Pair Zustand and React Query (TanStack Query) in Next.js: server state vs client UI state, caching, and patterns that av...
Tailwind v4 Dark Mode in Next.js with next-themes Setup
Build dark mode with Tailwind v4 and next-themes in Next.js—class strategy, theme switching, and fewer flash-of-wrong-th...
Build a Modern Fullstack App with the 2025 Frontend Stack
Use Next.js 15, React 19, Tailwind CSS v4, Shadcn/ui, and Zod to build a fast, scalable modern app with server actions, ...
How to Use Next Font with TailwindCSS 4.0 (No Config File Needed)
Tailwind CSS 4.0 removes the config file, but you can still apply custom fonts with Next Font and CSS variables. Learn h...
Auth.js vs Better Auth for Next.js: Which Should You Use?
Auth.js vs Better Auth for Next.js: feature matrix, setup time, TypeScript DX, orgs, and when migration is worth it for ...
Next.js Multi-Tenant SaaS: Subdomain Routing Middleware
Build multi-tenant Next.js SaaS with subdomain routing and middleware—tenant isolation patterns for real App Router prod...
Nextjs Dynamic Imports – Speed up your Modern Nextjs App
Dynamic imports allow you to load JavaScript modules only when they're needed, rather than at the beginning. In Next.js,...
Implementing Client and Server-Side Authentication with Auth.js
To set up client-side authentication in Next.js using Auth.js
Next.js Server Actions Tutorial: Forms, Mutations & Tips
Learn Next.js Server Actions with forms, mutations, Zod validation, revalidatePath, and auth guards—App Router patterns ...
How to Install shadcn/ui in Next.js: Step-by-Step Guide
Install shadcn/ui in Next.js step by step: CLI setup, Tailwind v4 notes, and your first components without config rabbit...
Get the Next.js weekly drop
Free weekly notes on App Router, auth, and frontend stacks that ship. No spam—just what's worth your inbox.
By subscribing you agree to our Privacy Policy.