nextjs page transitions

Transitions Page TravelApp

ส้อม

สวัสดี! ที่เก็บนี้เป็นการเขียนใหม่ด้วย React & Next.js ของงาน orginal ของ Sarah Drasner กับ 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/

ดูการสาธิตแอปการเดินทางหน้าสำหรับการใช้ชีวิตจริง: 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

สำหรับคำอธิบายโดยละเอียดเกี่ยวกับวิธีการทำงานของสิ่งต่าง ๆ ให้ชำระเงิน next.js เอกสาร