example frontend next js

Sanity + Next.js Frontend Beispiel

Demo https://example-frontend-next-jsanity-io.now.sh

Dies ist ein Beispiel für den Filmdatensatz von Sanity Powered Frontend für den Filmdatensatz mit Next.js.

Voraussetzungen

Sie benötigen node.js Version 8.0 oder höher in Ihrem System.

Aufstellen

Holen Sie sich den Code, indem Sie dieses Repository mit Git klonen

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

... oder Quellcode als ZIP -Archiv herunterladen.

Öffnen Sie nach dem Herunterladen das Terminal im Projektverzeichnis und installieren Sie Abhängigkeiten mit:

 npm install

Wenn Sie Ihr eigenes Vernunftprojekt mit dem Beispiel -Filmdatensatz ausführen, gehen Sie zu lib/sanity.js und ändern Sie die folgenden Zeilen:

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

Sie können die ID Ihres Projekts im Header der Verwaltungsseite für Ihr Projekt finden.

Sie müssen auch localhost:3000 in Ihren CORS Origins -Einstellungen aktivieren! Entweder über die Verwaltungsseite unter settings oder durch Ausführen des folgenden im Projektordners, den Sie mit sanity init eingerichtet haben:

 sanity cors add http://localhost:3000

Starten Sie dann die Beispiel -App mit:

 npm run dev

Die App sollte jetzt unter http: // localhost: 3000 in Betrieb sein