Animation & Page Transitions Next.js with Framer Motion

Опубликовано: 13 Июль 2020
на канале: Colby Fayock
67,796
2k

Learn how to use Framer Motion to add animations and page transitions to your Next.js React app.

We'll walk through:
Triggering animations with Framer motion when the page loads
Adding dynamic hover effects to page elements
Incorporating weird transitions for true Rick and Morty style

🗒️ Read More
https://www.freecodecamp.org/news/how...

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?s...

🐦 Get updates straight to your Twitter @colbyfayock
  / colbyfayock  

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

Part 1 - How to Create a Dynamic Rick and Morty Wiki Web App with Next.js
https://www.freecodecamp.org/news/how...
   • Data Fetching in Next.js - Rick and M...  

Framer Motion
https://www.framer.com/api/motion/

🎼 Music
Bad Snacks - Future City Funk
youtube.com/audiolibrary/music

#colbyfayock #nextjs #animation #framer #reactjs #webdevelopment