Page Transitions with Next & Framer-Motion

This is the best tutorial for this topic I could find after a long search.
Also works with React, Vite, Gatsby or any other React-based framework/ library.

Straight to the point, well stuctured, with some experience you can learn page transitions in less than an hour:

EDIT exitBeforeEnter is depricated and replaced with “mode=‘wait’”

//OLD   <AnimatePresence initial={ false } exitBeforeEnter>
//NEW  <AnimatePresence initial={ false } mode={ 'wait' }>
`
1 Like