How can I implement authentication middleware in Next.js?

How can I implement authentication middleware in Next.js?

To implement authentication middleware in Next.js, you can create a custom middleware function that checks user authentication status before allowing access to certain routes.

What are the steps to create this middleware?

First, create a middleware file in your Next.js project. Then, use the NextResponse object to handle requests and check for authentication tokens.

Can you show me a code example?

Sure! Here's a simple example:

import { NextResponse } from 'next/server';

export function middleware(req) {
  const token = req.cookies.token;
  if (!token) {
    return NextResponse.redirect('/login');
  }
  return NextResponse.next();
}

How do I test if the middleware works?

You can test it by trying to access a protected route without a valid token. It should redirect you to the login page.