the page transitions from nextjs are instant. The only way you can do this is by not navigating directly and execute the exit animation manually. You can do that by using the animation controller from framer motion (https://www.framer.com/motion/use-animation-controls/). Example:

    const onDismiss = useCallback(async () => {
        await controls.start("closed");
        router.back()
    }, [router])

I used this code in a modal. I first want to close the modal and then navigate the route.

hmm any example code?

Yea. My message includes an example lol

no i mean
real implement page transition like stackblitz 🥹

Give me like 1 hour and I send it ^^

I don't know how to upload it to stackblitz, but you can see the code here:
https://github.com/B33fb0n3/transition
I will delete the repo later, so you may want to copy some things in your code until it's working

In my case I used an modal as page transition (you can see in the url that the page change) and the animation is only in the loading state

alright tysm!

Ah nice. Keep me up to date 😄