blog/sveltekit-page-transitions

[utterances-bot]

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

[nigelpasco]

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?