nigelpasco
commented
1 year ago That is really cool Josh. Thanks for the great write up - it was very well presented.
However, I had issues with loading nested links that included variables (eg. my.app/app/[variable]/blog). Was ok with internal 'a' links, but loading from a redirect or address bar failed.
Oddly, it even avoided my +error.svelte fallback and I got a 502 error on the nginx server. Was only resolved by removing the #key block. As an alternative, I have used svelte navigation from $app/stores for the same effect, however it is not near as smooth (the new pages displays before my preloading indicator finishes). I will have more play with it... but am really interested in why the external nested links failed with the #key block.
Any thoughts?
Adding page transitions in SvelteKit - Josh Collinsworth blog
Transitions, easing, and routing are all baked into SvelteKit. This makes utilizing page transition effects in SvelteKit sites and apps as easy as adding just a few lines of code.
https://joshcollinsworth.com/blog/sveltekit-page-transitions