unable to rewrite URL

Answered

Naeemgg posted this in #help-forum

2024-01-24T10:25:50.000Z

I want to rewrite URL from /en/dashboard to /.

const nextConfig = {
   
    async rewrites(){
    return[{
source:"/en",          destination:"/dashboard",
}]}
}

module.exports = nextConfig

what I want is to show in the browser http://localhost:3000 but the contents should be of http://localhost:3000/en/dashboard

Answered by Ray

how did you disable i18n? rename middleware.ts to _middleware.ts?

View full answer

25 Replies

@Naeemgg I want to rewrite URL from `/en/dashboard` to `/`. jsx const nextConfig = { async rewrites(){ return[{ source:"/en", destination:"/dashboard", }]} } module.exports = nextConfig what I want is to show in the browser `http://localhost:3000` but the contents should be of `http://localhost:3000/en/dashboard`

Ray

2024-01-24T10:29:56.000Z

try

const nextConfig = {
 async rewrites() {
    return [
      {
        source: "/",
        destination: "/en/dashboard",
      },
    ];
  },
}

module.exports = nextConfig

@Ray try ts const nextConfig = { async rewrites() { return [ { source: "/", destination: "/en/dashboard", }, ]; }, } module.exports = nextConfig

NaeemggOP

2024-01-24T10:33:23.000Z

 async rewrites(){
    return[

                {
                    source:"/en",
                    destination:"/dashboard",
                }
            ]
    }

its working like this but I can see /en/dashboard in the URL

Ray

2024-01-24T10:34:19.000Z

do you have middleware which doing redirecting?

NaeemggOP

2024-01-24T10:34:29.000Z

yes

@Ray try ts const nextConfig = { async rewrites() { return [ { source: "/", destination: "/en/dashboard", }, ]; }, } module.exports = nextConfig

Ray

2024-01-24T10:35:03.000Z

this should do what you said in the question

NaeemggOP

2024-01-24T10:35:21.000Z

Ok let me disable i18n and try again

still I can see the URL

without any middleware

@Ray try ts const nextConfig = { async rewrites() { return [ { source: "/", destination: "/en/dashboard", }, ]; }, } module.exports = nextConfig

Ray

2024-01-24T10:36:27.000Z

with this?

NaeemggOP

2024-01-24T10:37:21.000Z

Yep

@Naeemgg Yep

Ray

2024-01-24T10:38:14.000Z

try clear browser cache

@Naeemgg Ok let me disable i18n and try again

Ray

2024-01-24T10:38:56.000Z

how did you disable i18n? rename middleware.ts to _middleware.ts?

Answer

NaeemggOP

2024-01-24T10:39:37.000Z

middl.ts

@Ray try clear browser cache

NaeemggOP

2024-01-24T10:39:51.000Z

roger that

Ray

2024-01-24T10:40:09.000Z

do you have app/page.tsx?

NaeemggOP

2024-01-24T10:40:48.000Z

yes

import { redirect } from "next/navigation";

const page = () => {
  // redirect("/dashboard")
  return (
    <div>
      HELLO
    </div>
  )
}

export default page