example frontend next js

عقلانية + Next.js مثال على الواجهة الأمامية

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

هذا مثال على الواجهة الأمامية التي تعمل بالعقلانية لمجموعة بيانات الأفلام باستخدام Next.js.

المتطلبات الأساسية

ستحتاج إلى Node.js الإصدار 8.0 أو أكثر تثبيت على نظامك.

يثبت

احصل على الرمز إما عن طريق استنساخ هذا المستودع باستخدام GIT

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

... أو تنزيل رمز كود المصدر كأرشيف مضغوط.

بمجرد التنزيل ، افتح المحطة في دليل المشروع ، وتثبيت التبعيات مع:

 npm install

إذا كنت تقوم بتشغيل مشروع العقل الخاص بك مع مثال مجموعة بيانات الأفلام ، فانتقل إلى lib/sanity.js وقم بتغيير الأسطر التالية:

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

يمكنك تحديد موقع معرف مشروعك في رأس صفحة الإدارة لمشروعك.

تحتاج أيضًا إلى تمكين localhost:3000 في إعدادات أصول CORS الخاصة بك! إما من خلال صفحة الإدارة ضمن settings أو عن طريق تشغيل المجلد أدناه في مجلد المشروع الذي قمت بإعداده مع sanity init :

 sanity cors add http://localhost:3000

ثم ابدأ تطبيق المثال مع:

 npm run dev

يجب أن يكون التطبيق الآن قيد التشغيل على http: // localhost: 3000