@SamuelSnopko

www.samuelsnopko.com

Page transitions guide to NuxtJS with Lottie and JamStack

VueJS Meetup Vienna

11.02.2020

https://slides.com/samuelsnopko/vuejs-tbd

T

b

d

It's a trap

👨🏼‍💻 FrontEnd Knight & DesignOps & DevRel

Star Wars Fan

👽 Head of Developer Relations at Storyblok

🥑 Storyblok / VueJS / NuxtJS

🎤 Speaker

🍻 Meetups Organiser

@SamuelSnopko

Little tasting

Shy Collective

Wondrous Culture Page

@SamuelSnopko

Basics & Theory

• CSS 3 Transition & Animation

• Amazing VueJS Documentation

• NuxtJS Page Transitions

• NuxtJS Layout Transitions

@SamuelSnopko

Transition Experiments

• Default Page Transitions

• Back to Intro Transition

• Preloader Transition

Edit on CodeSandbox

@SamuelSnopko

Boring? Let's try this ...

• Float the screen

• Bikers race

Edit on CodeSandbox

@SamuelSnopko

• JamStack version

the LINK

https://airbnb.design/lottie

Bonus Links

• Haiku

• Lottie Files

• Ramjet

• Transition TravelApp

@SamuelSnopko