الإعداد

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

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

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

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

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

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

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

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