2023-12-28
2697
#nextjs
Francois Brill
142800
Dec 28, 2023 ⋅ 9 min read

Advanced page transitions with Next.js and Framer Motion

Francois Brill I’m a designer, frontend developer, and product thinker that loves making things.

Recent posts:

How to solve coordination problems in Islands architecture

How to solve coordination problems in Islands architecture

Solve coordination problems in Islands architecture using event-driven patterns instead of localStorage polling.

Muhammed Ali
Feb 26, 2026 ⋅ 5 min read
lewis angular signal forms

Signal Forms: Angular’s best quality of life update in years

Signal Forms in Angular 21 replace FormGroup pain and ControlValueAccessor complexity with a cleaner, reactive model built on signals.

Lewis Cianci
Feb 25, 2026 ⋅ 10 min read
replay 2 25 26

The Replay (2/25/26): Signal Forms, Ralph to the rescue, and more

Discover what’s new in The Replay, LogRocket’s newsletter for dev and engineering leaders, in the February 25th issue.

Matt MacCormack
Feb 25, 2026 ⋅ 32 sec read

Google & Shopify’s UCP: How AI agents sell online

Explore how the Universal Commerce Protocol (UCP) allows AI agents to connect with merchants, handle checkout sessions, and securely process payments in real-world e-commerce flows.

Emmanuel John
Feb 24, 2026 ⋅ 8 min read
View all posts

5 Replies to "Advanced page transitions with Next.js and Framer Motion"

  1. This is really nice, but I’m having one problem. When exiting a page, all the local styles used on that page seem to unload, resulting a pretty ugly layout before transitioning over to next page. Any solutions on this?

  2. I also have a problem, when exiting the page jumps to top and only then the exit animation is played. all animations are working great but just the exit animation only plays from the top.
    Also setting initial=false, animation didn’t play when reloading the page.

Leave a Reply

Hey there, want to help make our blog better?

Join LogRocket’s Content Advisory Board. You’ll help inform the type of content we create and get access to exclusive meetups, social accreditation, and swag.

Sign up now