This is a Next.js project that illustrate how the React experimental ViewTransition component works.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
To learn more about ViewTransition, take a look at the following resources:
- ViewTransition API Documentation - Learn about the viewTransition web API.
- Next.js Documentation - Learn about how to enable ViewTransition in Next.js.
- React experimental animations - An exceptional blog about React's viewTransition.
- Next.js ViewTransition Examples - A couple of examples of ViewTransition on Nextjs apps.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.