قالب مطعم Next.js مع الطلب عبر الإنترنت ولوحة تحكم للمطبخ
قالب مطعم Next.js مع الطلب عبر الإنترنت ولوحة تحكم للمطبخ
Food Studio قالب مطعم متكامل بـ Next.js: موقع للطلب مع القائمة والوجبات المجمّعة والسلة والدفع وتتبع الطلب، ولوحة تحكم للفريق لإدارة الطلبات والقائمة والمطابخ، وواجهة API بـ NestJS، وأدوات ذكاء اصطناعي لصور الأطباق، بالإنجليزية والعربية مع RTL.
Food Studio قالب مطعم متكامل بـ Next.js: موقع للطلب مع القائمة والوجبات المجمّعة والسلة والدفع وتتبع الطلب، ولوحة تحكم للفريق لإدارة الطلبات والقائمة والمطابخ، وواجهة API بـ NestJS، وأدوات ذكاء اصطناعي لصور الأطباق، بالإنجليزية والعربية مع RTL.
Food Studio قالب مطعم متكامل: موقع بـ Next.js يطلب فيه الزبائن للتوصيل أو الاستلام ويتابعون طلبهم، ولوحة تحكم بـ Next.js يدير فيها الفريق الطلبات والقائمة ومطابخه، وواجهة API بـ NestJS خلف الاثنين. ويأتي معه الدفع عبر Stripe وPayPal واستوديو ذكاء اصطناعي لصور الأطباق ومساعد ذكاء اصطناعي، بالإنجليزية والعربية مع RTL.




الطلب عبر الإنترنت لمطعم كامل في قاعدة شيفرة واحدة
أساس مترابط لموقع طلب خاص بمطعم، أو علامة وجبات سريعة لها عدة مطابخ، أو مشروع عميل لوكالة، مع شيفرة مصدرية يمكنك تخصيصها. تضم الحزمة الكاملة الموقع ولوحة تحكم الفريق وواجهة API التي تخدمهما.
موقع الطلب
- قائمة مع بحث وفلاتر ومسببات الحساسية
- صفحات أطباق ووجبات مجمّعة مع الإضافات والتعليمات
- السلة والدفع وتتبع الطلب
- حسابات مع نقاط المكافآت والأطباق المحفوظة
لوحة تحكم الفريق
- مبيعات اليوم وطابور المطبخ
- طلبات تنتقل بين حالاتها
- محرر أطباق بالإنجليزية والعربية
- استوديو الذكاء الاصطناعي والمساعد والفريق والإعدادات
واجهة API بـ NestJS
- مصادقة الفريق والزبائن مع الأدوار والصلاحيات
- الأسعار والمجاميع والتوفر يقررها الخادم
- Stripe وPayPal مع webhooks موقّعة
- أداة بذر تبني مطعما تجريبيا كاملا
قائمة يجد فيها كل زبون وجبته
ابحث بالاسم، وصفِّ حسب التصنيف أو النظام الغذائي، ورتّب حسب الشعبية أو السعر أو الاسم، وافتح أي طبق لترى مكوناته ومسببات الحساسية فيه وتقييماته. كل طبق صورة مفرغة على بطاقة خاصة به، لا تُقص أبدا.




وجبات مجمّعة مع اختيار لكل صنف
للوجبة المجمّعة سعر واحد، وتطلب طبقا رئيسيا وطبقا جانبيا ومشروبا. استبدال اختيار بآخر أغلى يضيف الفرق فقط، وتعرض الصفحة التوفير مقارنة بطلب الأطباق نفسها منفصلة.
- الاختيارات المطلوبة يُتحقق منها قبل أن يصل شيء إلى السلة
- أسعار الإضافات مكتوبة بالكلمات، دون علامة زائد
- قواعد التسعير نفسها في الصفحة وعلى الخادم


منشئ وجبات في الصفحة الرئيسية
يختار الزبائن طبقا رئيسيا وطبقا جانبيا ومشروبا على شكل بطاقات ويرونها مجتمعة في وجبة واحدة. وحين لا يلمسه أحد ينتقل المنشئ بين التركيبات وحده، ويفتح زر عرض الوجبة الوجبة المجمّعة بهذه الاختيارات جاهزة.
- أطباق مأخوذة من الوجبة التي يعدّها الفريق
- يُختار ويُرتب من محرر الصفحة الرئيسية
- يعمل بالطريقة نفسها بالعربية، من اليمين إلى اليسار


من السلة إلى طلب مدفوع
يختار الزبائن التوصيل أو الاستلام، ويُتحقق من التوصيل حسب الرموز البريدية للمطبخ وساعات عمله والحد الأدنى للطلب قبل الدفع. ويطبق الخادم رموز الخصم والرسوم وخصومات المكافآت، ويحسب كل سعر بالسنتات.




الدفع في صفحة مزود الدفع نفسه
ينقل الدفع الزبون إلى صفحة Stripe Checkout أو إلى PayPal، ويؤكَّد الطلب من الـ webhook الموقّع لمزود الدفع، فلا يعرض الموقع أي حقل لبطاقة.
- طلب واحد لكل عملية دفع مهما أُرسلت من مرة
- دفع تجريبي ما دام لم يُضبط مزود دفع حقيقي
- المخزون محجوز للطلب المعلّق ويُعاد إذا فشل الدفع
- خط زمني للحالات يتحدث كل عشر ثوان


حسابات تعيد الزبائن
يحفظ حساب الزبون السلة على الخادم، والأطباق المحفوظة، والعناوين، وكل طلب سابق مع زر لإعادة طلبه. ويبقى بإمكان الضيوف الطلب والتتبع دون تسجيل.
- نقطة لكل دولار، تُضاف عند توصيل الطلب
- 100 نقطة تخصم 5 دولارات، مرة واحدة لكل طلب
- سلة الضيف وأطباقه المحفوظة تبقى عند تسجيل الدخول


عدة مطابخ، لكل منها منطقته
لكل مطبخ ساعات عمله في منطقته الزمنية، بما فيها الورديات الليلية، والرموز البريدية التي يوصل إليها. ويخبر البحث بالرمز البريدي الزبون إن كان مطبخ يوصل إليه، أو إن كان مغلقا الآن، أو أي مطبخ آخر يمكنه استلام الطلب، على خريطة حقيقية.






لوحة تحكم مبنية حول الطلبات والمطبخ
تفتح النظرة العامة على إيرادات اليوم وعدد الطلبات ومتوسط قيمة الطلب والطلبات قيد التحضير مقارنة باليوم السابق، مع الإيرادات على مدار اليوم وتوزيع التصنيفات والأطباق الأكثر طلبا وطابور المطبخ. ويحدّثها أي طلب جديد لحظة وصوله.


طلبات بخطها الزمني
يفتح كل طلب في لوحة مع أصنافه والزبون والمجاميع وخط زمني لكل تغيير. ولا تُعرض إلا الخطوات التالية المنطقية، ويرفض الخادم أي خطوة أخرى.
- طلبات الاستلام تتخطى خطوة التوصيل
- سبب مطلوب للإلغاء
- إشعار لحظة وصول الطلب


محرر أطباق بلغتين
الاسم والوصف والمكونات بالإنجليزية والعربية، وصور أو فيديو، وتصنيف، ووقت تحضير، ومسببات الحساسية والوسوم الغذائية، وإضافات في مجموعات لكل منها حد أدنى وحد أقصى وأسعار.
- التوفر يُشغّل من كل صف في القائمة
- مخزون اختياري يرفض الطلب الذي لا يمكن تلبيته
- قوائم للأطباق المميزة والأكثر مبيعا والمؤرشفة






الصفحة الرئيسية، قسما قسما
تُشغّل أقسام الصفحة الرئيسية التسعة أو تُوقف، وتُرفع أو تُنزل، وتُعدّل في مكانها: الواجهة، والتصنيفات، والأطباق الرائجة، والوجبة المجمّعة، ومنشئ الوجبات، والمكونات، والتوصيل، والمكافآت، والأسئلة.
- كل نص بالإنجليزية والعربية
- الأطباق الرائجة تُختار من القائمة
- لا تعديل في الشيفرة لإعادة ترتيب الصفحة


الزبائن ونقاطهم
كل زبون مع بيانات التواصل ونقاط المكافآت وتاريخ انضمامه، مع تصفية بالاسم والهاتف والبريد والتاريخ.
- صفحة تفاصيل لكل زبون
- الزبائن المحذوفون في قائمة منفصلة ويمكن استعادتهم
- النقاط مسجلة في سجل لكل طلب


فريق بأدوار ومطابخ
يحصل المالكون والمديرون وموظفو المطبخ كل على الصلاحيات التي يسمح بها دوره، وتُعدّل الأدوار صلاحية صلاحية. ولا يرى حساب المطبخ إلا طلبات مطبخه، دون أسعار، وينقلها من مؤكد إلى جاهز.
- عناصر القائمة والإجراءات مخفية دون الصلاحية
- أدوار تُنشأ وتُعدّل من لوحة التحكم
- كل حساب مطبخ مرتبط بمطبخ واحد


إعدادات يملكها المطعم
المطابخ مثبتة على خريطة مع ساعات عملها ورموزها البريدية، ورسوم التوصيل والاستلام، والحد الأدنى للطلب، وقواعد المكافآت، ورموز الخصم، وطرق الدفع المعروضة عند الدفع.
- محدد موقع على خريطة حقيقية
- رموز خصم تُجمع مع المكافآت أو لا تُجمع
- لغة لوحة التحكم ووضعها


صور وبطاقات أطباق دون استوديو تصوير
يكتب استوديو الذكاء الاصطناعي اسم الطبق ووصفه وتفاصيله من وصف نصي أو من أربع صور كحد أقصى، ويعيد تصميم صورة الطبق باستخدام Google Gemini بالزاوية والخلفية والإضاءة المختارة.
إزالة الخلفية على خادمك
تفريغ الطبق من خلفيته يعمل داخل واجهة API بنموذج محلي. لا يحتاج إلى مفتاح ولا يكلف شيئا لكل صورة، وبه يستقر كل طبق في القائمة على بطاقته الخاصة.
- شريط قبل وبعد لكل نتيجة
- زوايا جاهزة: صورة رئيسية للقائمة، من الأعلى، عن قرب، أو مفرغة
- مقاطع اختيارية من صورة الطبق بمفتاح Higgsfield الخاص بك


مساعد يعرف المطعم
اسأل كم طلبا وصل اليوم أو أي الأطباق تُباع أكثر هذا الأسبوع. يجيب المساعد من بيانات المطعم نفسه عبر أدوات MCP، في حدود ما يحق للسائل رؤيته، ويرسم مخططا حين يكون السؤال عن اتجاه.
- تغييرات مقترحة مع قبل وبعد، لا تُطبق إلا بعد التأكيد
- نماذج Google Gemini بمفتاحك الخاص
- الأدوات الـ 56 نفسها متاحة لوكلاء البرمجة عبر نقطة MCP
الإنجليزية والعربية، في الاتجاهين
كل شاشة في الموقع ولوحة التحكم مكتوبة باللغتين وتنعكس للعربية، والقائمة نفسها محفوظة باللغتين، مع الأسعار والأرقام بالأرقام اللاتينية.




لوحة التحكم بالعربية
المكونات نفسها تعمل من اليمين إلى اليسار، فلا يوجد تخطيط ثان تحتاج إلى صيانته.
- أطباق مكتوبة باللغتين من محرر واحد
- المخططات والجداول والقوائم معكوسة للعربية
- الأرقام لاتينية في اللغتين


مصمم للهاتف الذي يحمله زبون جائع
القائمة وصفحات الأطباق والسلة والدفع مصممة للشاشة الضيقة، مع عنوان التوصيل في الأعلى وشريط تنقل في الأسفل في متناول الإبهام.




كل ما يلزم لتشغيله، لا الشاشات فقط
الشيفرة المصدرية للتطبيقات الثلاثة، والبيانات التي تبدأ منها، والوثائق التي تأخذك أبعد.
الشيفرة المصدرية
- الموقع ولوحة تحكم الفريق وواجهة API
- TypeScript في كل مكان مع اعتماديات بإصدارات مثبتة
- رخصة تجارية لمشروعك
البيانات
- أداة بذر مع 64 طبقا و8 تصنيفات و4 مطابخ
- ستة أسابيع من الطلبات والتقييمات والزبائن
- مالك ومدير وحساب مطبخ وزبون
الوثائق ووضع العرض
- بداية سريعة للمجموعة ولكل تطبيق
- دليل لكل وحدة في واجهة API ودليل لهوية كل واجهة أمامية
- وضع عرض للمعاينات العامة، معطل افتراضيا ويُزال بأمر واحد
ابنِ على أساس متكامل مألوف
Next.js 16 وReact 19 وTypeScript وTailwind CSS 4 وواجهة خلفية NestJS مقسمة إلى وحدات.
الواجهة الأمامية
- Next.js 16 App Router وReact 19 وTypeScript
- Tailwind CSS 4
- TanStack Query لبيانات API
- React Hook Form وZod للنماذج
- next-intl للترجمة وMapLibre للخرائط
الواجهة الخلفية
- NestJS مع وحدة لكل مجال
- TypeORM مع SQLite، أو MySQL عبر الإعدادات
- مصادقة JWT مع أدوار وصلاحيات
- Socket.io للإشعارات المباشرة
- خادم MCP محمي بمفتاح API
البحث والوسائط
- بيانات الصفحات وhreflang وخريطة موقع وقواعد robots
- بيانات منظمة للمطعم
- الرفع إلى مجلد محلي أو إلى Cloudflare R2
ما تضبطه بنفسك
Food Studio قالب بشيفرة مصدرية، لا خدمة طلب مُدارة. اضبط الاستضافة وقاعدة البيانات وتخزين الوسائط وحسابات الدفع والخدمات الخارجية التي تختار استخدامها.
الاستضافة والبيانات
- استضافة Node لواجهة API وتطبيقي Next.js
- SQLite على قرص دائم، أو MySQL
- مجلد دائم أو R2 للملفات المرفوعة
الدفع والذكاء الاصطناعي
- حساباتك الخاصة في Stripe وPayPal
- مفتاح Google Gemini الخاص بك للاستوديو والمساعد
- رسوم المزودين والدفع غير مشمولة
غير مشمول
- رسائل تأكيد الطلب بالبريد
- الطلب لوقت لاحق
- الإكرامية وبنود الضريبة والدفع عند الاستلام
- نموذج كتابة التقييمات في الموقع
استكشف Food Studio قبل أن تبني
اطلب من الموقع كضيف، ثم افتح لوحة تحكم الفريق التي تسجل دخولك من صفحتها بحساب عرض خاص بك. ما تغيّره في لوحة التحكم لك وحدك، وتُعاد بيانات العرض كل ليلة. في العرض تُدفع الطلبات بمدفوعات تجريبية، ويعمل استوديو الذكاء الاصطناعي والمساعد بمفتاح Google Gemini الخاص بك. تستخدم لقطات الشاشة بيانات نموذجية.


ابنِ الطلب عبر الإنترنت لمطعمك مع Food Studio
المواصفات التقنية
إطار العمل
Next.js 16.3.6
إصدار React
React 19.3.0
التنسيق
Tailwind CSS 4.3.3
TypeScript
نعم
متجاوب
جوال، جهاز لوحي، سطح المكتب
فترة الدعم
Lifetime مشمول
نصيحة احترافية: تتضمن جميع القوالب وثائق شاملة لمساعدتك على البدء بسرعة.
الأسئلة الشائعة
- ماذا أحصل عند شراء هذا القالب؟
- الكود المصدري الكامل للحزمة التي تختارها، يُحمَّل من لوحتك الشخصية مباشرة بعد الدفع. فاتورة رسمية متاحة لكل عملية شراء.
- هل يمكنني استخدامه في مشاريع تجارية أو لعملائي؟
- نعم. كل قالب مدفوع يأتي برخصة تجارية تغطي مشروعاً تجارياً واحداً، بما في ذلك العمل الذي تسلمه لعميل. ولإعادة استخدام القالب نفسه في عدة مشاريع، اختر رخصة الوكالات التي تغطي عدداً غير محدود من المشاريع.
- هل أحصل على تحديثات بعد الشراء؟
- نعم. التحديثات مجانية، والإصدارات الجديدة تظهر في لوحتك حيث يمكنك إعادة تحميل كل ملفاتك في أي وقت.
- هل الدعم مشمول؟
- نعم. يجيب المساعد في هذه الصفحة خلال ثوانٍ، والدعم بالبريد الإلكتروني مضمن مع كل عملية شراء عبر support@aniq-ui.com مع رد خلال 4 ساعات.
- هل يمكنني تجربته قبل الشراء؟
- نعم. لهذا القالب عرض تجريبي كامل مرتبط أعلى هذه الصفحة، فتستطيع تصفح النسخة الحقيقية قبل أن تقرر.
قوالب ذات صلة
Next.js Templates المزايا التقنية
تم تصميم Next.js Templates الخاصة بنا مع تحسين الأداء، وتكامل TypeScript، وبنية سهلة الاستخدام للمطورين لتسريع تطوير تطبيق الويب الخاص بك.
تصميم متجاوب
Next.js Templates متكيفة بالكامل مع نقاط توقف متجاوبة لتحسين العرض على الجوال والأجهزة اللوحية وسطح المكتب.
إمكانية الوصول
HTML دلالي وسمات ARIA وتنقل بلوحة المفاتيح، مبنية مع مراعاة إمكانية الوصول.
أداء عالي
مبني على App Router في Next.js مع مكونات الخادم وموارد محسّنة، لتبقى الصفحات سريعة مع نموها.
دعم تايب سكريبت
بنية App Router من Next.js مع مكونات الخادم لتقليل JavaScript في جانب العميل ومقاييس أسرع للوقت إلى التفاعلية.
ميزات المستوى المؤسسي المضمنة:
تجربة المطور
مجموعة أدوات تطوير على مستوى المؤسسات
- TypeScript 5.0+ مع فحص صارم للأنواع
- بنية مكونات الخادم والعميل
- توثيق JSDoc شامل
تجربة المستخدم والأداء
مقاييس محسنة لتجربة المستخدم
- نظام تصميم متجاوب يعطي الأولوية للهاتف المحمول
- ترميز يراعي إمكانية الوصول مع ARIA والتنقل بلوحة المفاتيح
- عرض سريع بفضل مكونات الخادم والموارد المحسّنة
الصيانة والدعم
استدامة المشروع على المدى الطويل
- الدعم مشمول مع شرائك
- تحديثات منتظمة للأمان وإطار العمل
- بنية دلالية محسنة لمحركات البحث
تطبق جميع Next.js Templates أنماط React 19 الحديثة، وبنية App Router، وتحسين Web Vitals للأداء المناسب لمحركات البحث.
تفضيلات ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.


