✍️Engineering & AI Blog

Thoughts, Tutorials & Dev Notes

Practical insights on MERN Stack, Next.js, AI Agents, Python ML, and scalable web architecture — everything I'm building and learning as an engineer. Also available in বাংলা.

Showing 7 of 29 articles
Client Components vs. Server Components in Next.js: Where Each Belongs in an AI Agent Architecture

Client Components vs. Server Components in Next.js: Where Each Belongs in an AI Agent Architecture

Master the architectural boundary between React Server Components and Client Components in a Next.js AI agent using parallel server hydration, serializable DTOs, and the ReactNode slot pattern.

Nov 7, 202613 min read
How Production-Ready Is Our AI Agent So Far? Implementing Rate Limiting with Next.js Middleware

How Production-Ready Is Our AI Agent So Far? Implementing Rate Limiting with Next.js Middleware

Harden your Next.js AI agent for production by implementing a dual-tier sliding-window rate limiter in Edge Middleware with Upstash Redis and a live React 429 cooldown timer.

Oct 30, 202615 min read
A Practical Guide to Keeping Your Entire AI Agent System End-to-End Type-Safe with TypeScript

A Practical Guide to Keeping Your Entire AI Agent System End-to-End Type-Safe with TypeScript

Eliminate 'as any' casts and runtime crashes in your Next.js AI agent by building an end-to-end type-safe architecture with Zod schemas, Mapped Types, discriminated unions, and React type guards.

Oct 26, 202613 min read
The Right Way to Render Thinking and Loading States in React When Your AI Agent Is Reasoning

The Right Way to Render Thinking and Loading States in React When Your AI Agent Is Reasoning

Design a zero-CLS, collapsible Agent Thinking Timeline in React using Vercel AI SDK toolInvocation states, custom dataStream phase events, and deterministic UI state derivation.

Oct 23, 202614 min read
Adding Tool Calling to Our Next.js Streaming Agent — Giving Your AI the Power to Act

Adding Tool Calling to Our Next.js Streaming Agent — Giving Your AI the Power to Act

Transform your streaming Next.js chatbot into an action-capable AI agent by binding Zod schemas to Vercel AI SDK tools, configuring maxSteps, and rendering live toolInvocations in React.

Oct 19, 202615 min read
Rendering Streaming Responses in React UI with the useChat Hook

Rendering Streaming Responses in React UI with the useChat Hook

Build a production React streaming chat interface with the Vercel AI SDK useChat hook, smart auto-scrolling, stream cancellation, and live token telemetry annotations.

Oct 18, 202613 min read
Building a Laravel Marketplace with PostgreSQL While Debugging React State

Building a Laravel Marketplace with PostgreSQL While Debugging React State

Notes from building a Laravel + PostgreSQL marketplace (roles, product approval, migrations, foreign keys) alongside a React debugging session on fetch error handling and stale state.

Sep 21, 20264 min read

Looking for daily learning notes? Check my Development Journal.

📓 View Dev Journal →

Stay Updated

Subscribe to get insights on full-stack architecture, AI agent engineering, and web development.