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

有關事情如何工作的詳細說明，請查看下一個。