nextjs page transitions

Página transita o TravelApp

Garfo

, olá! Este repositório é uma reescrita com o React & Next.JS do trabalho orginal de Sarah Drasner com Vue & Nuxt.

Demonstração ao vivo: https://page-transitions.now.sh

Original

Esta demonstração mostra um exemplo de como obter transições de página nativas na web. Há muito a ser melhorado aqui- não é para ser um aplicativo da Web completo, apenas uma demonstração rápida para mostrar como esse tipo de implementação poderia teoricamente funcionar. Esses conceitos podem e devem ser expressos de maneira diferente em sua própria aplicação, o Sky é o limite aqui! Isso é criado com Nuxt e Vue.

Artigo que explica a demonstração está disponível em https://css-tricks.com/native-like-animations-for-page-transitions

Demonstração ao vivo em https://page-transitions.com/

Veja a demonstração do aplicativo de viagem para transições de transições para um caso de uso da vida real: https://github.com/sdras/page-transitions-travelappp

Construir configuração

 # 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 uma explicação detalhada sobre como as coisas funcionam, consulte os próximos.js docs.