Get geolocation coordinates [ latitude, longitude ] of current location in NextJS/ReactJS

Question

I need the latitude, longitude of the current location of the user to show posts accordingly, I'm using next.js can anyone help me out?

Answer 1

I solve it by doing following :-

useEffect(()=> {
    navigator.geolocation.getCurrentPosition(function(position) {
      console.log("Latitude is :", position.coords.latitude);
      console.log("Longitude is :", position.coords.longitude);
    });
  })

Answer 2

use router.pathName - This provides the current path -

import { useRouter } from 'next/router'

const router = useRouter();

const currentPath = router.pathName

//...rest of your code

This ensures availability both via SSR and CSR

Ref: https://nextjs.org/docs/api-reference/next/router