Next.js Middleware Explained: Server-side Logic Made Easy

Next.js middleware হলো এমন একটা server-side feature, যা request page বা API route-এ পৌঁছানোর আগে code run করে। ভাবো, middleware হলো তোমার web app-এর gatekeeper।

এটা request redirect করতে পারে, modify করতে পারে, বা route ঠিক করতে সাহায্য করে।

Node.js/Express middleware-এর সাথে তুলনা করলে, Next.js middleware Edge-এ run হয়, যার ফলে response time অনেক দ্রুত হয় এবং scalability বাড়ে।

Keywords: Next.js middleware, server-side middleware Next.js, Next.js edge functions

Why Use Middleware?

Next.js middleware দিয়ে তুমি অনেক কাজ করতে পারো:

1. Authentication & Authorization – user logged in কি না check করা।
2. Redirects & Rewrites – users কে dynamicভাবে সঠিক route-এ পাঠানো।
3. Custom Headers & Cookies – headers add করা, cookies read করা, session handle করা।
4. Logging & Analytics – Edge-এ request track করা।
5. Internationalization (i18n) – language preference অনুযায়ী redirect করা।

Middleware use করলে, request main server logic এ পৌঁছানোর আগে অনেক কাজ handle করা যায়। এটা efficiency এবং security দুটোই বাড়ায়।

How Next js Middleware Works

Next js middleware সাধারণত middleware.ts বা middleware.js file-এ define করা হয়, root বা app folder-এ। এটি NextRequest object নেয় এবং NextResponse return করে।

Basic Example: Authentication Middleware

// middleware.ts
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';export function middleware(req: NextRequest) {
  const token = req.cookies.get('authToken');  // যদি token না থাকে, login page-এ redirect করো
  if (!token) {
    return NextResponse.redirect(new URL('/login', req.url));
  }  // request চলতে দাও
  return NextResponse.next();
}// Middleware শুধু specific routes-এ run হবে
export const config = {
  matcher: ['/dashboard/:path*', '/profile/:path*'],
};

ব্যাখ্যা:

• NextRequest দিয়ে request headers, cookies, URL access করা যায়।
• NextResponse দিয়ে redirect, rewrite বা next() call করা যায়।
• matcher দিয়ে নির্দিষ্ট route-এ middleware run করা হয়।

Types of Next js Middleware

1. Global Middleware – সব route-এ run হয়, যদি matcher দিয়ে filter না করা হয়।
2. Route-specific Middleware – matcher দিয়ে নির্দিষ্ট path target করা হয়।
3. Edge Middleware – Edge-এ run হয়, তাই super fast।

Next.js Middleware vs Node.js Middleware

Feature	Node.js/Express	Next.js Edge Middleware
Runs on server	Server only	Edge + Server
Request modification	Yes	Yes
Authentication handling	Yes	Yes, faster & scalable
Deployment flexibility	Server required	Vercel Edge বা অন্যান্য provider
Performance	Server-bound	Edge-optimized

Next.js middleware modern web apps-এর জন্য specially design করা হয়েছে, performance এবং SEO-এর দিক থেকে advantage দেয়।

Practical Use Cases

1. Redirect Users if Not Logged In

/login page-এ redirect করবে যদি user logged in না থাকে।

2. Handle Multiple Languages (i18n)

Browser language অনুযায়ী /en বা /fr redirect করা।

3. Add Security Headers

X-Frame-Options বা Content-Security-Policy headers add করা।

4. Analytics & Logging

Edge-এ request capture করে fast analytics generate করা।

SEO Benefits of Middleware

• Edge middleware – Faster page loads – Better Core Web Vitals
• Server-side redirects – Client-side JS redirect-এর চেয়ে SEO-friendly
• Custom headers – SEO optimization, যেমন canonical URLs
• Edge caching – Performance + SEO boost

Best Practices for Next.js Middleware

1. Middleware lightweight রাখো; heavy computation slow করবে।
2. matcher use করো, unnecessary execution avoid করতে।
3. সব সময় NextResponse return করো।
4. API routes এর সাথে combine করলে full backend logic handle করা যায়।
5. Development ও production environment উভয়েই test করো, বিশেষ করে Edge deployment এ।

Middleware হলো server-side logic + edge performance এর perfect combination। এটা শেখার মাধ্যমে তুমি authentication, redirects, security, logging, এবং SEO সবই handle করতে পারবে।

Middleware ঠিকভাবে use করলে user experience, site performance, এবং app scalability সবই improve হয়।