├── .gitignore ├── README.md ├── app ├── blog │ ├── [slug] │ │ ├── page-client.tsx │ │ └── page.tsx │ └── page.tsx ├── card │ ├── [slug] │ │ ├── page-client.tsx │ │ └── page.tsx │ ├── overview │ │ └── page.tsx │ ├── page.tsx │ └── styles.module.css ├── globals.css ├── icon.svg ├── layout.tsx ├── page.tsx └── utils │ ├── constants.ts │ └── cx.ts ├── components.json ├── components ├── transition │ └── slide-transition.tsx └── ui │ ├── avatar.tsx │ ├── button.tsx │ ├── card.tsx │ └── dynamic-background.tsx ├── lib └── utils.ts ├── next.config.ts ├── package.json ├── pnpm-lock.yaml ├── postcss.config.mjs ├── public ├── avatars │ ├── feedthejim.jpg │ ├── huozhi.jpg │ ├── leerob.jpg │ ├── sebmarkbage.jpg │ └── ztanner.jpg ├── cards │ ├── barcelona.png │ ├── florence.png │ ├── santamonica.png │ └── xian.png └── post │ └── composable-caching-with-nextjs.png ├── tailwind.config.ts └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/README.md -------------------------------------------------------------------------------- /app/blog/[slug]/page-client.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/blog/[slug]/page-client.tsx -------------------------------------------------------------------------------- /app/blog/[slug]/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/blog/[slug]/page.tsx -------------------------------------------------------------------------------- /app/blog/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/blog/page.tsx -------------------------------------------------------------------------------- /app/card/[slug]/page-client.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/card/[slug]/page-client.tsx -------------------------------------------------------------------------------- /app/card/[slug]/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/card/[slug]/page.tsx -------------------------------------------------------------------------------- /app/card/overview/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/card/overview/page.tsx -------------------------------------------------------------------------------- /app/card/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/card/page.tsx -------------------------------------------------------------------------------- /app/card/styles.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/card/styles.module.css -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/globals.css -------------------------------------------------------------------------------- /app/icon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/icon.svg -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/layout.tsx -------------------------------------------------------------------------------- /app/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/page.tsx -------------------------------------------------------------------------------- /app/utils/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/utils/constants.ts -------------------------------------------------------------------------------- /app/utils/cx.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/app/utils/cx.ts -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components.json -------------------------------------------------------------------------------- /components/transition/slide-transition.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components/transition/slide-transition.tsx -------------------------------------------------------------------------------- /components/ui/avatar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components/ui/avatar.tsx -------------------------------------------------------------------------------- /components/ui/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components/ui/button.tsx -------------------------------------------------------------------------------- /components/ui/card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components/ui/card.tsx -------------------------------------------------------------------------------- /components/ui/dynamic-background.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/components/ui/dynamic-background.tsx -------------------------------------------------------------------------------- /lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/lib/utils.ts -------------------------------------------------------------------------------- /next.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/next.config.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/postcss.config.mjs -------------------------------------------------------------------------------- /public/avatars/feedthejim.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/avatars/feedthejim.jpg -------------------------------------------------------------------------------- /public/avatars/huozhi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/avatars/huozhi.jpg -------------------------------------------------------------------------------- /public/avatars/leerob.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/avatars/leerob.jpg -------------------------------------------------------------------------------- /public/avatars/sebmarkbage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/avatars/sebmarkbage.jpg -------------------------------------------------------------------------------- /public/avatars/ztanner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/avatars/ztanner.jpg -------------------------------------------------------------------------------- /public/cards/barcelona.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/cards/barcelona.png -------------------------------------------------------------------------------- /public/cards/florence.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/cards/florence.png -------------------------------------------------------------------------------- /public/cards/santamonica.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/cards/santamonica.png -------------------------------------------------------------------------------- /public/cards/xian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/cards/xian.png -------------------------------------------------------------------------------- /public/post/composable-caching-with-nextjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/public/post/composable-caching-with-nextjs.png -------------------------------------------------------------------------------- /tailwind.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/tailwind.config.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vercel/next-view-transition-example/HEAD/tsconfig.json --------------------------------------------------------------------------------