example frontend next js

Sanity + Next.js Frontend Exemple

Démo https://example-fontend-next-js.sanity-io.now.sh

Ceci est un exemple de frontend alimenté par la santé mentale pour l'ensemble de données du film en utilisant Next.js.

Condition préalable

Vous aurez besoin de node.js version 8.0 ou plus installée sur votre système.

Installation

Obtenez le code en clonant ce référentiel en utilisant GIT

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

... ou télécharger le code source comme archive zip.

Une fois téléchargé, ouvrez le terminal dans le répertoire du projet et installez les dépendances avec:

 npm install

Si vous exécutez votre propre projet Sanity avec l'exemple de jeu de données cinématographiques, allez sur lib/sanity.js et modifiez les lignes suivantes:

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

Vous pouvez localiser l'ID de votre projet dans l'en-tête de la page de gestion de votre projet.

Vous devez également activer localhost:3000 dans vos paramètres CORS Origins! Soit via la page de gestion sous settings , soit en exécutant ce qui est ci-dessous dans le dossier du projet que vous créez avec sanity init :

 sanity cors add http://localhost:3000

Puis démarrez l'exemple d'application avec:

 npm run dev

L'application devrait maintenant être opérationnelle sur http: // localhost: 3000