Basically, when the initial page build happens and we are on the index page, after clicking any button that changes the route, for example, the Link tag, the router method using push and replace, (yes, i have tried both) triggers a page refresh the first time, after the reload happens and i click the button again, rendering actually happens and i get to the route i want, how do i make it so that the first refresh does not happen and the user can just get to the route they want? Please ask me any more information you need.
I don't know much about next.js but I think it doesn't refresh the page in production. Even if it does then next.js will caches that on the server which means only 1st user has to face the refresh.