nextjs page transitions

Пейдж переход TravelApp

Вилка

, привет! Этот репозиторий является переписыванием с React & Next.js Оргинальной работы Сары Драсснер с Vue & Nuxt.

Живая демонстрация: https://page-transitions.now.sh

Оригинал

Эта демонстрация показывает пример того, как добиться нативных переходов страниц в Интернете. Здесь есть много, чтобы быть улучшенным- это не предназначено для полноценного веб-приложения, просто быстрое демонстрация, чтобы показать, как такая реализация может теоретически. Эти концепции могут и должны быть выражены по -разному в вашем собственном приложении, небо - предел здесь! Это создано с nuxt и vue.

Статья, объясняющая демонстрацию, доступна по адресу https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web

Живая демонстрация на https://page-transitions.com/

См. Демонстрацию приложения Travels Transitions Travels для реальной жизни: 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

Для получения подробного объяснения того, как все работает, проверьте следующие документы.