Hi

Unanswered

Alligator mississippiensis posted this in #help-forum

Alligator mississippiensisOP

2024-01-20T13:07:56.000Z

I want to redirect my subdomain to my main domain. I am not sure how to do that,. I used nextResponse.redirect() but its not doing anything.
For example - I want go.localhost to redirect to localhost.
Help me i am stuck at this point.

29 Replies

@Alligator mississippiensis I want to redirect my subdomain to my main domain. I am not sure how to do that,. I used nextResponse.redirect() but its not doing anything. For example - I want go.localhost to redirect to localhost. Help me i am stuck at this point.

Ray

2024-01-20T13:10:12.000Z

have you tried using redirects in next.config.js?
https://nextjs.org/docs/app/api-reference/next-config-js/redirects

Alligator mississippiensisOP

2024-01-20T13:11:30.000Z

i am doing this

but its not working

@Ray have you tried using `redirects` in `next.config.js`? https://nextjs.org/docs/app/api-reference/next-config-js/redirects

Ray

2024-01-20T13:12:09.000Z

try this

Alligator mississippiensisOP

2024-01-20T13:14:18.000Z

What i want is that if there subdomain i will run a function and if i get the desired result then do some action else redirect to the main domain like. So that is why i am using middleware.

Ray

2024-01-20T13:15:10.000Z

well you just said you want to redirect in the question

are you sure the condition matched in hostname === 'go' && path === '/'?

Alligator mississippiensisOP

2024-01-20T13:17:45.000Z

Yes

@Alligator mississippiensis Yes

Ray

2024-01-20T13:22:30.000Z

then it should work

could you share the repo?

Alligator mississippiensisOP

2024-01-20T13:30:24.000Z

i haven't pushed it to the repo yet

@Alligator mississippiensis i haven't pushed it to the repo yet

Ray

2024-01-20T13:31:13.000Z

I just did a quick test and it works

import { NextRequest, NextResponse } from "next/server";

export function middleware(req: NextRequest) {
  const hostname = req.headers.get("host")?.split(".")[0];
  const url = req.nextUrl.clone();
  const path = url.pathname;
  const domain = "";

  if (hostname === domain) {
  } else {
    if (hostname === "go" && path === "/") {
      return NextResponse.redirect("http://localhost:3000/p");
    }
  }
}

Alligator mississippiensisOP

2024-01-20T13:34:00.000Z

its working

was not before

so here i have given the exact url but how to do when it is deployed

Ray

2024-01-20T13:35:28.000Z

if you are redirecting to same domain, you can do this

NextResponse.redirect(new URL('/home', req.url))

otherwise create the domain in env variable

Alligator mississippiensisOP

2024-01-20T13:47:43.000Z

domain is localhost and subdomain is go.localhost for testing

i have set domain to local host in env and imported the env file. but then i tried doing this
NextResponse.redirect(new URL('/home', domain))

but it didn't worked

Ray

2024-01-20T13:52:10.000Z

what is the value of domain ?

try with

domain=http://localhost:3000

Alligator mississippiensisOP

2024-01-20T15:21:28.000Z

i did this
not working. It just stopped working

Alligator mississippiensisOP

2024-01-20T15:27:25.000Z

its redirecting to go.localhost

@Alligator mississippiensis Click to see attachment

Ray

2024-01-20T15:33:48.000Z

try with disable cache on chrome