nextjs page transitions

Seitenübergänge TravelApp

Gabel

, Hallo! Dieses Repository ist ein Umschreiben mit React & Next.js von Sarah Drasners Orginalarbeit mit Vue & Nuxt.

Live-Demo: https://page-transitions.now.sh

Original

Diese Demo zeigt ein Beispiel dafür, wie native Seitenübergänge im Web erreicht werden können. Hier gibt es viel zu verbessert- es ist keine vollwertige Webanwendung, nur eine kurze Demo, um zu zeigen, wie diese Art der Implementierung theoretisch funktionieren könnte. Diese Konzepte können und sollten in Ihrer eigenen Anwendung anders ausgedrückt werden, der Himmel ist die Grenze hier! Dies wird mit Nuxt und Vue erstellt.

Artikel zur Erläuterung der Demo finden Sie unter https://css-tricks.com/native-like-animations-for-page-transitions-on-the-Web

Live-Demo unter https://page-transitions.com/

In der Seite "Seite" Übergänge der Reise-App-Demo finden Sie einen realen Anwendungsfall: https://github.com/sdras/page-travesions-travelappapp

Setup erstellen

 # 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

Ausführliche Erläuterungen, wie die Dinge funktionieren, finden Sie die nächsten.js -Dokumente.