+5 -1

app/(main)/layout.tsx

reviewed

··· 3 3 import Footer from '@/components/Footer'; 4 4 import Container from '@/components/Container'; 5 5 6 6 + import { ViewTransition } from 'react'; 7 7 + 6 8 import styles from '@/styles/layout/Main.module.scss'; 7 9 8 10 export default function MarketLayout({ ··· 17 19 <Container as="main" className={styles.main}> 18 20 <NavBar /> 19 21 20 20 - <div>{children}</div> 22 22 + <ViewTransition> 23 23 + <div>{children}</div> 24 24 + </ViewTransition> 21 25 </Container> 22 26 23 27 <Footer />

+3

next.config.ts

reviewed

··· 11 11 as: '*.js' 12 12 } 13 13 } 14 14 + }, 15 15 + experimental: { 16 16 + viewTransition: true 14 17 } 15 18 }; 16 19

+3

styles/globals.scss

reviewed

··· 44 44 text-decoration-thickness: 3px; 45 45 } 46 46 } 47 47 + 48 48 + // View Transition 49 49 + // TODO: Add some fancy anim