Help for redirecting using middleware when landing on the page

Answered

Max posted this in #help-forum

2023-09-27T07:36:30.000Z

Hi !
I am implementing i18n for the first time. I basically use a dynamic param [lang] in the routing.
I need to redirect on /en or /fr when landing on the website...
I added a middleware.ts in the app router. But It seems doing nothing, and I struggle to debug it since nothing happens or log into the consoles.

Any help or advise is appreciated !
Thanks ðŸ˜ƒ

Answered by Clown

You dont add middleware.ts inside the app folder btw

View full answer

23 Replies

riský

2023-09-27T07:38:28.000Z

can you show your middleware.ts

and are you sure that you are matching the right paths (can check by console.log at the start)

Clown

2023-09-27T07:39:47.000Z

You dont add middleware.ts inside the app folder btw

Answer

Clown

2023-09-27T07:39:54.000Z

You need to put in the project root

Where your package.json is

MaxOP

2023-09-27T07:41:19.000Z

Hi !

import {NextRequest} from 'next/server'

// I just took this code from the documentation and updated it a bit.
// removed the logs but i was trying to log things from the middleware to see how it works and behaves while navigating, but nothing happens...

export function middleware(request: NextRequest) {
   let locale = ['en', 'fr']
   const {pathname} = request.nextUrl
   const pathnameHasLocale = locale.some(
      locale => pathname.startsWith(`/${locale}/`) || pathname === `/${locale}`
   )

   if (pathnameHasLocale) return

   request.nextUrl.pathname = `/fr/${pathname}`

   return Response.redirect(request.nextUrl)
}

// This I don't get what is it for... ? To match only a specific path ?
export const config = {
   matcher: [
      // Skip all internal paths (_next)
      '/((?!_next).*)',
      // Optional: only run on root (/) URL
      // '/'
   ],
}