How to get origin or domain name in Next.js

Question

I can get the relative pathname using useRouter().asPath which gives something like /my-awesome-post but how to get the origin? Similar to what window.location.origin gives like https://www.google.com.

Next.js Router docs doesn't mention anything about how to get origin.

I can't use window.location.origin (next.js gives an error that window is not defined) so what is my alternative? I want to get the origin inside a component which is not calling getStaticProps or getServerSideProps.

So I can better understand the problem you're having, is there some technical reason why you want to avoid this? — Dean James, Dec 12 '20 at 22:16
there's no technical barrier as such but wouldn't using hook add to the performance cost. Since it's just a static value I was hoping for some simple solution. — GorvGoyl, Dec 12 '20 at 23:16
the answers posted in [this question](https://stackoverflow.com/q/65199051/6908282) are better. — Gangula, May 27 '23 at 07:58

score 1 · Answer 1 · answered Apr 22 '22 at 20:10

If you are on client-side:
```
window.location.origin
```
if you are on the server

That means you are either in serverside functions or api functions. In both cases you have access to req object. In node.js we could get the origin
```
req.get('host')
```

But in next.js we do not have get property on req. so I use this npm package: next-absolute-url

import absoluteUrl from 'next-absolute-url'

const { origin } = absoluteUrl(req);

How to get origin or domain name in Next.js

1 Answers1