ตัวอย่าง https://example-frontend-next-js.sanity-io.now.sh
นี่เป็นตัวอย่างที่มีความสุขในด้านหน้าสำหรับชุดข้อมูลภาพยนตร์โดยใช้ next.js
คุณจะต้องใช้ Node.js เวอร์ชัน 8.0 หรือติดตั้งมากขึ้นในระบบของคุณ
รับรหัสโดยการโคลนที่เก็บนี้โดยใช้ Git
git clone https://github.com/sanity-io/example-frontend-next-js.git
... หรือดาวน์โหลดรหัสซอร์สโค้ดเป็น zip เก็บถาวร
เมื่อดาวน์โหลดแล้วให้เปิดเทอร์มินัลในไดเรกทอรีโครงการและติดตั้งการพึ่งพาด้วย:
npm install
หากคุณใช้งานโครงการ Sanity ของคุณเองด้วยชุดข้อมูลภาพยนตร์ตัวอย่างให้ไปที่ lib/sanity.js และเปลี่ยนบรรทัดต่อไปนี้:
projectId: 'YOUR_PROJECT_ID',
dataset: 'NAME_OF_YOUR_DATASET',
คุณสามารถค้นหา ID ของโครงการของคุณในส่วนหัวของหน้าการจัดการสำหรับโครงการของคุณ
คุณต้องเปิดใช้งาน localhost:3000 ในการตั้งค่า CORS Origins ของคุณ! ไม่ว่าจะผ่านหน้าการจัดการภายใต้ settings หรือโดยเรียกใช้ด้านล่างในโฟลเดอร์โครงการที่คุณตั้งค่าด้วย sanity init :
sanity cors add http://localhost:3000
จากนั้นเริ่มแอปตัวอย่างด้วย:
npm run dev
ตอนนี้แอพควรเปิดใช้งานที่ http: // localhost: 3000