example frontend next js

SANITY + NEXT.js Contoh Frontend

Demo https://example-frontend-next-js.sanity-oo.now.sh

Ini adalah contoh frontend bertenaga kewarasan untuk dataset film menggunakan next.js.

Prasyarat

Anda akan memerlukan Node.js versi 8.0 atau lebih besar yang diinstal pada sistem Anda.

Pengaturan

Dapatkan kode dengan salah mengkloning repositori ini menggunakan git

 git clone https://github.com/sanity-io/example-frontend-next-js.git

... atau mengunduh kode kode sumber sebagai arsip zip.

Setelah diunduh, buka terminal di direktori proyek, dan instal dependensi dengan:

 npm install

Jika Anda menjalankan proyek kewarasan Anda sendiri dengan contoh dataset film, buka lib/sanity.js dan ubah baris berikut:

  projectId: 'YOUR_PROJECT_ID',
  dataset: 'NAME_OF_YOUR_DATASET',

Anda dapat menemukan ID proyek Anda di header halaman manajemen untuk proyek Anda.

Anda juga perlu mengaktifkan localhost:3000 dalam pengaturan CORS Origins Anda! Baik melalui halaman manajemen di bawah settings atau dengan menjalankan di bawah ini di folder proyek yang Anda atur dengan sanity init :

 sanity cors add http://localhost:3000

Kemudian mulailah aplikasi contoh dengan:

 npm run dev

Aplikasi ini sekarang harus bangun dan berjalan di http: // localhost: 3000