example frontend next js

Sanity + Next.js Frontend Пример

Демо https://example-frontend-next-js.sanity-io.now.sh

Это пример Sanity Powered Frontend для набора данных фильма с использованием 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',

Вы можете найти идентификатор вашего проекта в заголовке страницы управления для вашего проекта.

Вы также должны включить localhost:3000 в ваших настройках Cors Origins! Либо через страницу управления в разделе settings , либо запустив приведенную ниже в папке проекта, которую вы настроили с sanity init :

 sanity cors add http://localhost:3000

Затем запустите пример приложения с:

 npm run dev

Приложение теперь должно работать и работать по адресу http: // localhost: 3000