Client side routing not working in Next.js

grill_gus

I have the following pages; pages/_app.js pages/_document.js pages/index.js pages/order.js pages/discover/[categoryId].js Here is the order page. The client side routing only changes the url but not the content of the page. If I refresh the page I get the last content. So the server side routing works but the client side routing only changes the url and not the content. import React from "react"; import Head from "next/head"; import Link from...

Originally asked by Richard Lindhout on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

How about trying this way. I am using next 9.2.1, and it works fine. <Link href={{pathname: "/discover/[categoryId]", query: { categoryId: 0 }}} as={"/discover/0"}> <a>Orders</a> </Link>

Full answer by bcjohn: https://stackoverflow.stackexchange.com/a/63164695 (CC BY-SA 4.0).

Need it done for your business? UphillTech.