14:{"metadata":[["$","title","0",{"children":"Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility | Tarsier Labs"}],["$","meta","1",{"name":"description","content":"

Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility

\n
Architecture Keywords:..."}],["$","meta","2",{"name":"keywords","content":"Next.js,Framer Motion,Accessibility,Animation,technology,software development,AI,Bohol,Philippines"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","link","4",{"rel":"canonical","href":"https://tarsierlabs.app/en/articles/nextjs-page-transition-animation/"}],["$","link","5",{"rel":"alternate","hrefLang":"zh","href":"https://tarsierlabs.app/zh/articles/nextjs-page-transition-animation/"}],["$","link","6",{"rel":"alternate","hrefLang":"ja","href":"https://tarsierlabs.app/ja/articles/nextjs-page-transition-animation/"}],["$","link","7",{"rel":"alternate","hrefLang":"ko","href":"https://tarsierlabs.app/ko/articles/nextjs-page-transition-animation/"}],["$","link","8",{"rel":"alternate","hrefLang":"fr","href":"https://tarsierlabs.app/fr/articles/nextjs-page-transition-animation/"}],["$","link","9",{"rel":"alternate","hrefLang":"de","href":"https://tarsierlabs.app/de/articles/nextjs-page-transition-animation/"}],["$","meta","10",{"name":"google-site-verification","content":"kzUfSifVDmWdNRVTtLPjlYBBUjeIjmXVDp-BYT_3JQo"}],["$","meta","11",{"property":"og:title","content":"Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility"}],["$","meta","12",{"property":"og:description","content":"
Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility
\n
\n
Architecture Keywords:..."}],["$","meta","13",{"property":"og:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/3db5025c-559e-4995-b20d-faf98ea23578.png"}],["$","meta","14",{"property":"og:image:width","content":"1200"}],["$","meta","15",{"property":"og:image:height","content":"630"}],["$","meta","16",{"property":"og:image:alt","content":"Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility"}],["$","meta","17",{"property":"og:type","content":"article"}],["$","meta","18",{"property":"article:modified_time","content":"2026-05-08T23:58:00.296Z"}],["$","meta","19",{"property":"article:author","content":"Tarsier Labs"}],["$","meta","20",{"property":"article:tag","content":"Next.js"}],["$","meta","21",{"property":"article:tag","content":"Framer Motion"}],["$","meta","22",{"property":"article:tag","content":"Accessibility"}],["$","meta","23",{"property":"article:tag","content":"Animation"}],["$","meta","24",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","25",{"name":"twitter:title","content":"Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility"}],["$","meta","26",{"name":"twitter:description","content":"
Next.js Page Transition Animation in Practice: Framer Motion + Hydration Safety + Accessibility
\n
\n
Architecture Keywords:..."}],["$","meta","27",{"name":"twitter:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/3db5025c-559e-4995-b20d-faf98ea23578.png"}],["$","link","28",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon"}],["$","link","29",{"rel":"icon","href":"/icons/favicon-16x16.png","sizes":"16x16","type":"image/png"}],["$","link","30",{"rel":"icon","href":"/icons/favicon-32x32.png","sizes":"32x32","type":"image/png"}],["$","link","31",{"rel":"icon","href":"/icons/icon-192x192.png","sizes":"192x192","type":"image/png"}],["$","link","32",{"rel":"icon","href":"/icons/icon-512x512.png","sizes":"512x512","type":"image/png"}],["$","link","33",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon.png","sizes":"180x180","type":"image/png"}],["$","link","34",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-152x152.png","sizes":"152x152","type":"image/png"}],["$","link","35",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-167x167.png","sizes":"167x167","type":"image/png"}],["$","link","36",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-120x120.png","sizes":"120x120","type":"image/png"}]],"error":null,"digest":"$undefined"}