دليل `src`

كبديل عن وجود دليل app أو pages الخاص بـ Next.js في جذر مشروعك، يدعم Next.js أيضًا النمط الشائع لوضع كود التطبيق تحت دليل src.

هذا يفصل كود التطبيق عن ملفات تكوين المشروع التي توجد غالبًا في جذر المشروع، وهو ما يفضله بعض الأفراد والفرق.

لاستخدام دليل src، انقل مجلد موجّه التطبيق app أو مجلد موجّه الصفحات pages إلى src/app أو src/pages على التوالي.

مثال على هيكل المجلدات مع دليل `src`

معلومة مفيدة

  • يجب أن يبقى دليل /public في جذر مشروعك.
  • يجب أن تبقى ملفات التكوين مثل package.json وnext.config.js وtsconfig.json في جذر المشروع.
  • يجب أن تبقى ملفات .env.* في جذر المشروع.
  • سيتم تجاهل src/app أو src/pages إذا كان app أو pages موجودين في الدليل الجذري.
  • إذا كنت تستخدم src، فمن المحتمل أن تنقل مجلدات التطبيق الأخرى مثل /components أو /lib.
  • إذا كنت تستخدم Tailwind CSS، ستحتاج إلى إضافة البادئة /src إلى ملف tailwind.config.js في قسم المحتوى.