URL on server side?

Answered

StilauGamer posted this in #help-forum

2024-04-14T21:31:50.921Z

Is there a way to get the current path on server side?

Basically get the domain.com/ -->dashboard/test<--, and use this somewhere on your site?
I know its possible through Client Comps with usePathname, but is it possible through server side?

Answered by StilauGamer

Solution:

import { headers } from "next/headers";

const Page = () => {
    const pathname = headers().get("next-url");
}

export default Page;

View full answer

28 Replies

@StilauGamer Is there a way to get the current path on server side? Basically get the `domain.com/ -->dashboard/test<-- `, and use this somewhere on your site? I know its possible through Client Comps with `usePathname`, but is it possible through server side?

Northeast Congo Lion

2024-04-14T22:03:24.224Z

can you not check the incoming request object?

@Northeast Congo Lion can you not check the incoming request object?

StilauGamerOP

2024-04-14T22:07:05.852Z

How would I do that? 🤔
I wnat to get the path inside a server component?

@StilauGamer How would I do that? 🤔 I wnat to get the path inside a server component?

Northeast Congo Lion

2024-04-14T22:12:55.517Z

import { headers } from "next/headers";

headers().get('next-url')

maybe try this

uwc

https://nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-rendering

StilauGamerOP

2024-04-14T22:19:39.290Z

Ah yes!!
Thank you!! 😊

StilauGamerOP

2024-04-14T22:20:21.939Z

Solution:

import { headers } from "next/headers";

const Page = () => {
    const pathname = headers().get("next-url");
}

export default Page;

Answer

Northeast Congo Lion

2024-04-14T22:20:31.247Z

if it is page.

it has access to request object btw

StilauGamerOP

2024-04-14T22:20:47.170Z

It does?

Northeast Congo Lion

2024-04-14T22:20:52.826Z

import { headers } from "next/headers";

const Page = (req) => {
    console.log(req.headers);
    const pathname = headers().get("next-url");
}

export default Page;