Hello, im actually trying to use the api in my project (i recently moved from page/ to app router so i got some issue) i'm using a "internationalized" thing with localhost:3000/lang/... and my middleware look like :

import { NextResponse } from "next/server";
import { match } from '@formatjs/intl-localematcher'
import Negotiator from 'negotiator'

let locales = ['en', 'da','fr']
 
// Get the preferred locale, similar to the above or using a library
function getLocale(request) {
  let headers = { 'accept-language': '' }
  let languages = new Negotiator({ headers }).languages()
  let defaultLocale = 'fr'
  
  return match(languages, locales, defaultLocale) // -> 'en-US'
}
 
export function middleware(request) {
  // Check if there is any supported locale in the pathname
  const { pathname } = request.nextUrl
  const pathnameHasLocale = locales.some(
    (locale) => pathname.startsWith(`/${locale}/`) || pathname === `/${locale}`
  )
 
  if (pathnameHasLocale) return
 
  const locale = getLocale(request)
  request.nextUrl.pathname = `/${locale}${pathname}`
  return NextResponse.redirect(request.nextUrl)
}
 
export const config = {
  matcher: [
    '/((?!_next).*)', 
  ],
}

But i've got some issue trying to add a register but that donst seem to work well
i call my signup api with :

const response = await fetch('/api/auth/signup', {
      method: 'POST',
      body: JSON.stringify(newUser),
      headers: {
        'Content-Type': 'application/json',
      },
});

and i have api/auth/signup/route.ts (i gave the code with the post)
but i got this : "form.tsx:53 POST http://localhost:3000/fr/api/auth/signup 404 (Not Found)"
so i guess the issue is that my middleware add the /fr to the url?
How can i fix it?

I tried by adding '/((?!api).*)' to the middleware's matcher but if i do it my styles stop working (realy weird 😅) btw i have my styles with MantineUI

Thx for your help!