@Holland Lop You would probably need useRouter hook.
Then you can have full control of navigation

also to clarify, preventing page navigation is not different between page router vs app router

You mean using useRouter to handle navigation for links?
are we supposed to make sure every link on our site checks that content that is editable has been saved before navigating?
In pages router you had Router and could listen to an event that would fire before navigation and cancel the navigation, i dont think we have Router in app

There isn't any built-in feature to do what you need.

I think it's better to create a custom link component

and you prevent default navigation when it's clicked and you check what you need

Yep i ended up with a solution like that, custom link, custom userouter and some native eventlisteners.

Super hacky looking solution, would be nice to see a built in feature in the future… @James4u

Yeah, right. but it's not always needed.
I assume that's needed for the website with lots of forms/inputs

Mark solution to close this thread @Holland Lop
🙂