อันดับแรกก็ไป import next/router

จากนั้นก็ใช้ pathname เพื่อ get url

ตัวอย่างโค้ด

import { useRouter } from 'next/router';

export default function MyComponent() {
  const router = useRouter();
  const currentUrl = router.pathname;

  return (
    <div>
      <p>The current URL is: {currentUrl}</p>
    </div>
  );
}

เราสามารถใช้ asPath เพื่อ get query string ด้วย

ตัวอย่างโค้ด

const currentUrl = router.asPath;

หรือจะเอาแค่ query string ได้โดยใช้ query ตามตัวอย่าง

const query = router.query;
console.log(query);