Messy next.js routing example

messy-routing.tsx

import { useRouter } from "next/router";

const MessyRouter = () => {
  const router = useRouter();
  const { organisation, workspace } = router.query;

  const route1 = `/${organisation}/${workspace}/route-1`
  const route2 = `/${organisation}/${workspace}/route-2`;

  return (
    <ul>
      <li>
        <a href={route1}>Route 1</a>
      </li>
      <li>
        <a href={route2}>Route 2</a>
      </li>
    </ul>
  );
};

export default MessyRouter;