nextjs page transitions

Page Transitions TravelApp

フォーク

、 こんにちは！このリポジトリは、Sarah Drasnerのvue＆nuxtとのOrginal Workの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

物事がどのように機能するかについての詳細な説明については、next.js docsをチェックアウトしてください。