👉 Don't forget to SUBSCRIBE: https://youtube.com/tapasadhikary
👉 Join as a Member: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join
👉 Follow tapaScript GitHub: https://github.com/tapascript
Let us learn how to do Page level animation with Next.js and Motion(earlier known as Framer-Motion). The last video taught us how to use motion animation with Next.js Server components. Let us take the same project further to learn page-level animation or navigational animation.
Do not miss it.
Let's GO 🚀
I put much effort into providing you with the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others?
Thanks! 🫶
Timecodes
0:00 - What Will We Learn?
01:11 - Animate Static Page Navigation
07:49 - Animate Dynamic Page Navigation
14:28 - Wrap Up
## Join tapaScript Discord
- Join Discord: https://discord.gg/YzUe4DbNAz
## Source Code on GitHub
- https://github.com/tapascript/nextjs-projects/tree/main/next-motion (Please give the repo a STAR if you find it helpful)
- Also Follow tapaScript on GitHub: https://github.com/tapascript
## Videos mentioned
- https://www.youtube.com/watch?v=g9Qe3zjVVDk
- https://www.youtube.com/watch?v=7yCVRMfjxh8
- https://www.youtube.com/watch?v=T90QUHosXIU
## 🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): https://twitter.com/tapasadhikary
- Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: https://www.facebook.com/tapasadhi
## 👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: https://github.com/sponsors/atapas
- Sponsor my Blog: https://blog.greenroots.info/sponsor
## About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
#nextjstutorial
#next
#nextjs15
#animation
#framermotion
#motion
#nextjs
#nextjs14
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#prerendering
#designpatterns