Blog list
Discover my articles about web development, React, Next.js and more.
All articles (30)
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...
Mastering Data Fetching in Next.js 15, React 19 with the use Hook
Learn how to simplify data fetching in React with the new use hook. Complete guide with real-world examples, error handl...
Google's Gemini 2.5 Pro Just Crushed GPT-4 on AI Coding
The latest Gemini update jumped 24 points on AI leaderboards and is now available to everyone. Here's what it means for ...
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...
FLUX.1 Kontext: Revolutionary AI Image Editing 8x Faster
Create and edit AI images with FLUX.1 Kontext - the breakthrough multimodal AI that combines text-to-image generation wi...
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...
GPT-4.1 vs GPT-4o: Which AI Model Is Better for Developers?
GPT-4.1 outperforms GPT-4o in coding, context length, and instruction-following. Discover how each model compares in ben...
DeepSeek-R1-0528 – The Open-Source LLM Rivaling GPT-4 and Claude
DeepSeek-R1-0528 is a free, open-source AI model with GPT-4-level code and reasoning.
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...
Claude 4: The Smartest AIDev Assistant, Opus & Sonnet Explained
Claude Opus 4 and Sonnet 4 set new standards in AI-assisted coding, reasoning, and memory. Learn how developers and team...
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 vs Redux – Simplify React State Management in 2025
Zustand is a minimalist state management library for React apps. It reduces boilerplate, offers better ergonomics than R...
React useSearch Hook – Build a Smarter Search System in Your App
Learn how to build a powerful and reusable useSearch hook in React with built-in filtering, pagination, and fuzzy search...
Supercharge Your Development with Turborepo: A Practical Guide
Learn how to set up and optimize your workflow with Turborepo, the high-performance build system that makes monorepo man...
Zustand + React Query: Modern State Management in React
Use React Query for server state and Zustand for UI & client state.
Tailwind v4 + Nextjs: How to Build Dark Mode with Theme Switching
A comprehensive guide to adding dark mode support to your Next.js application using Tailwind CSS and next-themes
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 BetterAuth: The Ultimate Comparison Guide for Next.js
Struggling to choose between Auth.js and BetterAuth for your Next.js app? We break down setup, security, developer exper...
The list of the top 10 custom hooks, with code examples
Explore essential custom React hooks like useFetch, useToggle, and useWebSocket. Boost your React productivity with thes...
Build Scalable Next.js SaaS Apps with Subdomain Multi-Tenancy
Multi-tenancy allows a single app to serve multiple customers from isolated subdomains. Learn how to implement this arch...
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
The Power of Server Actions in Next.js: A Comprehensive Guide
These are the exact, step-by-step instructions you need to use Server Actions with Next.js
How to Install shadcn in a Next.js Project: Step-by-Step Guide
Unlock the power of shadcn, the go-to component library for Next.js developers. This comprehensive guide will walk you t...
Never miss an update
Subscribe to receive news and special offers.
By subscribing you agree to our Privacy Policy.