nextjs page transitions

页面过渡travelapp

叉

， 你好呀！该存储库是sarah drasner与vue＆nuxt的sarah drasner作品的React＆Next.js的重写。

实时演示：https：//page-transitions.now.sh

原来的

该演示显示了如何在网络上实现类似于本机的页面过渡的示例。这里有很多改进 - 这并不意味着是一个成熟的Web应用程序，只是一个快速的演示，可以展示这种实现如何在理论上起作用。这些概念可以并且应该在您自己的应用中以不同的方式表达，而天空是这里的极限！这是用Nuxt和Vue创建的。

有关演示的文章可在https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web上获得

https://page-transitions.com/实时演示

有关真实用例：https：//github.com/sdras/page-transitions-travelapp，请参阅页面转换旅行应用程序演示。

构建设置

 # install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

有关事情如何工作的详细说明，请查看下一个。