結論:多分できる(未検証)けどめっちゃめんどそう
僕が試したやつは列挙しときます
-
template.js→ だめだった -
layout.jsに<AnimatePresence />仕込む(modeやkey持たせる) → だめだった
なら、いけそうなのは?
ここに置いてるやつを応用すればいけそう:https://stackblitz.com/edit/nextjs-framer-motion-template-p2cr5m?file=app%2Fwith-exit-animation%2Fpage.tsx
でも研究するくらいならviewTransitionをやってみていいかも:https://nextjs.org/docs/app/api-reference/config/next-config-js/viewTransition