nextjs netlify blog template
1.0.0
قالب التدوين الخاص بـ Next.js لـ NetLify هو عبارة عن ملفات غلاية لبناء المدونات مع مكدسات NetLify فقط.
هناك بعض Boilerplate أو البرامج التعليمية لمجموعة من Next.js و netlify على github. تحتوي هذه الموارد على وثائق وبرنامج تعليمي جيد للبدء في Next.js و NetLify بسرعة ، لكنها بسيطة للغاية لإنشاء المدونات ذات الميزات القياسية مثل وضع العلامات.
قام قالب التدوين NEXT.JS لـ NetLify بتنفيذ هذه الميزات القياسية بالفعل لإنشاء المدونات باستخدام Next.js و NetLify Stacks فقط.
انتشر في بيئتك من خلال النقر هنا:
أو الوصول إلى الموقع التجريبي التالي:
قالب مدونة NEXT.JS لـ NetLify
لإنشاء مدونتك باستخدام القالب ، افتح المحطة الخاصة بك ، cd في الدليل الذي ترغب في إنشاء التطبيق ، وتشغيل الأمر التالي:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
بعد ذلك ، قم بإعداد مشروعك على أنه يتبع مدونة NetLify:
دليل خطوة بخطوة: الانتشار على NetLify
هذا القالب هو مجرد قالب وملفقة يمكن للمستخدمين فيها تخصيص أي شيء بعد استنساخ المشروع وبدءه. تقدم التعليمات التالية نقاط تخصيص شائعة مثل إضافة بيانات تعريف جديدة أو تطبيق موضوع تصميم جديد.
جميع رموز المصدر المتعلقة بالمدونة هي ضمن دليل المكونات والصفحات. يمكنك تعديله بحرية إذا كنت ترغب في تطبيق موضوع التصميم الخاص بك. تستخدم جميع المكونات أنماط jsx و css لتحديد أنماطها ، ولكن يمكنك اختيار أي مكتبات تصميم لتصميم موضوعك.
تم وصف شجرة الدليل التي تحتوي على رمز مصدر المدونة أدناه:
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
بيانات بيانات الفئة التي تربط بالمحتوى لها نفس العلاقة مع العلاقة بين المؤلفين. ثم الرجوع إلى هذه التطبيقات لإضافة بيانات تعريف جديدة:
لقد فهمت أن لديهم أربع خطوات لإضافة بيانات بيانات الفئة في مشروعك بعد قراءة رموز المصدر أعلاه:
categories.yml .هذا كل ما عليك فعله. بعد ذلك ، يمكنك الوصول إلى NetLify CMS وإنشاء فئات جديدة في أي وقت.
تعديل config.yml و index.html ضمن الدليل العام/المسؤول كتعليمات التالية:
NetLify CMS - خيارات التكوين #LOCALE
معهد ماساتشوستس للتكنولوجيا
