What is the best way for route protection in nextjs?

[mayur-1234]

Summary

I've created nextjs application using app route.

now i want to handle private route and public route in my appliaction.

what is the best way for route protection in nextjs?

Additional information

No response

Example

No response

[MRanaGitHub]

Using Middleware (Recommended for App Router)

Middleware runs before rendering and can check auth tokens/cookies and redirect if needed.

// middleware.ts
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

export function middleware(request: NextRequest) {
  const token = request.cookies.get('token')?.value;

  if (!token && request.nextUrl.pathname.startsWith('/dashboard')) {
    return NextResponse.redirect(new URL('/login', request.url));
  }

  return NextResponse.next();
}