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

معلومة مفيدة
- يجب أن يبقى دليل
/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/
.