my blog https://overreacted.io

try activity?

+8 -1
+5 -1
app/layout.js
··· 8 metadataBase: new URL("https://overreacted.io"), 9 }; 10 11 export default function RootLayout({ children }) { 12 return ( 13 <html lang="en" className={serif.className}> ··· 26 </Link> 27 </span> 28 </header> 29 - <main>{children}</main> 30 </PlausibleProvider> 31 </body> 32 </html>
··· 8 metadataBase: new URL("https://overreacted.io"), 9 }; 10 11 + const Activity = Symbol.for("react.activity"); 12 + 13 export default function RootLayout({ children }) { 14 return ( 15 <html lang="en" className={serif.className}> ··· 28 </Link> 29 </span> 30 </header> 31 + <main> 32 + <Activity mode="visible">{children}</Activity> 33 + </main> 34 </PlausibleProvider> 35 </body> 36 </html>
+3
next.config.js
··· 1 module.exports = { 2 output: "export", 3 trailingSlash: true, 4 };
··· 1 module.exports = { 2 output: "export", 3 trailingSlash: true, 4 + experimental: { 5 + viewTransition: true, 6 + }, 7 };