nextjs page transitions

Transiciones de página TravelApp

Tenedor

, ¡hola! Este repositorio es una reescritura con React & Next.js of Sarah Drasner's Orginal Work con Vue y Nuxt.

Demo en vivo: https://page-transitions.now.sh

Original

Esta demostración muestra un ejemplo de cómo lograr transiciones de páginas similares a nativas en la web. Hay mucho que mejorar aquí: no está destinado a ser una aplicación web completa, solo una demostración rápida para mostrar cómo este tipo de implementación podría funcionar teóricamente. Estos conceptos pueden y deben expresarse de manera diferente en su propia aplicación, ¡el cielo es el límite aquí! Esto se crea con Nuxt y Vue.

Artículo que explica la demostración está disponible en https://css-tricks.com/native-like-animations-for-page-pransitions-on-the-web

Demo en vivo en https://page-transitions.com/

Consulte la demostración de la aplicación de viaje de transiciones de la página para un caso de uso de la vida real: https://github.com/sdras/page-transitions-travelapp

Configuración de construcción

 # 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

Para una explicación detallada sobre cómo funcionan las cosas, consulte los documentos Next.js.