This solution is so clean! I was going in circles trying to delay the normal next.js routing system, but this just gives so much more control!
I have been searching for a proper tutorial especially with the app router and I can tell you I have found nothing, from the bottom of my heart thank you so much for it you have no idea how you saved me haha, ps the discord invitation link isnβt working for me
Thanks for making this; was about to investigate app router page transitions, so this came at the perfect time. Would gladly see more gsap + next.js app router vids :)
This channel is so under rated, nice work thank you.
damnnnnn first app router page transition tutorial im blessed
big +rep to you, this tutorial saved my project the night before deadline
Thank you soooo much. You saved me. This even works for server components.
"long ass import statement" got me dying
Great tutorial, very clean! Thank you! For more semantic html I'd suggest to use an anchor tag instead of a <button> for the <TransitionLink> (with e.preventDefeault()) which would also add progressive enhancement at no cost. And put the <nav> outside the <main> tag and probably wrap the nav links in an <ul> too.
Thank you so much for this, i wish i could thank you for million times i love you mate
Straight to the point , thank you dude. But u forgot cleanup things
Going to recommend you for my students thanks for sharing! pretty good content
thank u for this useful video. eagerly waiting for more.π€©
Thanks for the great content! Is it possible to use framer motion instead of gsap to achieve a similar effect while retaining SSR?
This is brilliant ππππ
Can you suggest same video for react js or make it for react js
great tutorial. I think using useRef is preferable to direct DOM manipulation though
have you messed around with the useGSAP hook or do you prefer the regular js implementation?
While the animation itself and the impmentation is good, I would personally hate using it. It makes the time you need to navigate the page a lot longer which, in my opinion, ruins the user experience
@iamrithmic