import { NextResponse } from 'next/server'

const middleware = (request) => {
  if (request.nextUrl.pathname === request.nextUrl.pathname.toLocaleLowerCase())
    return NextResponse.next()
  return NextResponse.redirect(
    `${request.nextUrl.origin}${request.nextUrl.pathname.toLocaleLowerCase()}`
  )
}

export { middleware }

(Next v.12.2.3) No matter what I code, pages/middleware.js seems not running at all!

I wanna redirect uppercase urls to lowercase urls.

what should I do?

import { NextResponse } from 'next/server'

const middleware = (request) => {
  if (request.nextUrl.pathname === request.nextUrl.pathname.toLocaleLowerCase())
    return NextResponse.next()
  return NextResponse.redirect(
    `${request.nextUrl.origin}${request.nextUrl.pathname.toLocaleLowerCase()}`
  )
}

export { middleware }

(Next v.12.2.3) No matter what I code, pages/middleware.js seems not running at all!

I wanna redirect uppercase urls to lowercase urls.

what should I do?

• javascript
• reactjs
• next.js

Share Follow asked Aug 8, 2022 at 15:59 ArshazarArshazar 1111 silver badge44 bronze badges 3

• Did you attach the middleware to your router? – Asad Awadia Commented Aug 8, 2022 at 16:00
• @AsadAwadia there was no such thing in doc of next! – Arshazar Commented Aug 8, 2022 at 16:01
• @AsadAwadia can you elaborate - is this actually required in Next? – jezmck Commented Nov 16, 2022 at 16:23

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

The documentation says:

Create a middleware.ts (or .js) file at the same level as your pages directory

So it shouldn't be inside pages/, but in the same directory as pages/.