How to get full browser url in next js, getServerSideProps

March 11, 2022

Now, i’m in http://localhost:3000/, but on prod i will be in a different url, for example http://example.com/, how can i get full browser url in getServerSideProps? I have to get http://localhost:3000/ or http://example.com/, if string will not contain port, it will be ok

>Solution :

‘next/router’ provide a couple of methods too, which you can use. For example:

import { useRouter } from 'next/router';

const RouterObject = () => {
  const { asPath, pathname, req, query, res } = useRouter();
  console.log(asPath);
  console.log(pathname); 
  console.log('host: ', req.headers.host);
}

If you have the host you can check if contains localhost. Then you know you are in your local environment.