مجلد 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 في قسم content.
• إذا كنت تستخدم مسارات TypeScript للاستيراد مثل @/*، يجب تحديث كائن paths في tsconfig.json ليشمل src/.