Skip to content

pngwn/svelte-travel-transitions

Repository files navigation

svelte-travel-transitions

The actual app on the actual internet.

A clone of Sarah Drasner's Vue/Nuxt page-transitions-travelapp built with SvelteKit. All credit goes to Sarah!

This was built with the next version of SvelteKit, so who knows what might explode. I didn't do the map thing because I have no idea what it's supposed to be!

There has been some attempt to Sveltify things a little. This version uses animejs instead of GSAP and in place of Vuex I used a combination of Svelte 3's built-in store API and Immer. Neither of these libraries are strictly speaking necessary (especially Immer) and I considered removing them but decided to leave them in to illustrate using such libraries with Svelte and SvelteKit. My changes are not a slight on these libraries, they are all excellent, I just decided to change things up a little.

Other changes to the code (other than just syntax) were necessary due to the differences between Svelte and Vue.

Install

Clone the project to get started. Then:

# install dependencies
pnpm install # or npm!

# run the dev build
pnpm dev

# build for production
pnpm build

# build a static site
pnpm export

About

Native-like Page Transitions with SvelteKit, A Travel App.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published