middleware issue

Answered

Dalmatian posted this in #help-forum

DalmatianOP

2025-03-05T17:18:34.288Z

I have this middleware:

import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

export function middleware(request: NextRequest) {
    console.log("Middleware executing. path:", request.nextUrl.pathname)
    const token = request.cookies.get('jwt')?.value || request.cookies.get('refresh')?.value

    const protectedRoutes = ['/account', '/cart']
    const isProtectedRoute = protectedRoutes.some(route => 
        request.nextUrl.pathname.startsWith(route)
    )

    if (isProtectedRoute && !token) {
        return NextResponse.redirect(new URL('/sign-in', request.url))
    }

    return NextResponse.next()
}

export const config = {
    matcher: ['/account', '/cart']
}

but it does not work when the current path is '/account' or '/cart', even the log from the top is not being shown. How to fix that?

Answered by LuisLl

I replicated your issue, version 15.2.0, added logs in pages and middleware and this is the result:
Green: First I had a token in *jwt *cookie so middleware granted me access
Red: I deleted the *jwt *cookie and I tried accessing the pages again, redirected me

My thought is you're placing the middleware.ts file somewhere Next.js can't reach it. It needs to be inside the /src/ directory:
./src/middleware.ts.

Or in the root directory if you don’t have the /src/ folder:
./middleware.ts

View full answer