nextjs page transitions

페이지는 TravelAp을 전환합니다

포크

, 안녕! 이 저장소는 Vue & Nuxt와의 Sarah Drasner의 Orginal 작업의 React & Next.js와 함께 다시 작성됩니다.

라이브 데모 : https://page-transitions.now.sh

원래의

이 데모는 웹에서 네이티브와 같은 페이지 전환을 달성하는 방법의 예를 보여줍니다. 여기서 개선해야 할 것이 많습니다. 본격적인 웹 애플리케이션이 아니라 이러한 종류의 구현이 어떻게 이론적으로 작동 할 수 있는지 보여주는 빠른 데모 일뿐입니다. 이러한 개념은 자신의 응용 프로그램에서 다르게 표현 될 수 있으며 다르게 표현되어야합니다. 이것은 nuxt와 vue로 만들어집니다.

데모를 설명하는 기사는 https://css-tricks.com/native-ly-animations-for-page-transitions-on-the-web에서 제공됩니다

https://page-transitions.com/의 라이브 데모

실제 사용 사례에 대한 페이지 전환 여행 앱 데모 참조 : https://github.com/sdras/page-transitionstravelapp

설정 설정

 # 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

일이 어떻게 작동하는지에 대한 자세한 설명은 다음에 확인하십시오. JS 문서.