الإعداد

إذا كنت تتابع من الدرس السابق، يمكنك تخطي هذه الصفحة.

تنزيل كود البداية (اختياري)

إذا كنت لا تتابع من الدرس السابق، يمكنك تنزيل وتثبيت وتشغيل كود البداية لهذا الدرس أدناه. هذا يقوم بإعداد دليل nextjs-blog ليكون مطابقًا لنتيجة الدرس السابق.

مرة أخرى، هذا ليس ضروريًا إذا كنت قد أنهيت للتو الدرس السابق.

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/basics-final"

ثم اتبع التعليمات من ناتج الأمر (قم بالانتقال إلى الدليل cd وابدأ خادم التطوير).

يجب عليك أيضًا تحديث الملفات التالية:

• public/images/profile.jpg بصورتك الشخصية (مستحسن: عرض/ارتفاع 400 بكسل).
• const name = '[اسمك]' في components/layout.js باسمك.
• <p>[مقدمة عن نفسك]</p> في pages/index.js بمقدمة عن نفسك.