الإعداد

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

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

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

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

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

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

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

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