دليل `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.
  • إذا كنت تستخدم Middleware، تأكد من وضعه داخل دليل src.
  • إذا كنت تستخدم Tailwind CSS، ستحتاج إلى إضافة البادئة /src إلى ملف tailwind.config.js في قسم المحتوى.
  • إذا كنت تستخدم مسارات TypeScript للواردات مثل @/*، يجب تحديث كائن paths في tsconfig.json ليشمل src/.