قوالب مواقع المطاعم مع الطلب عبر الإنترنت (2026)

هذه قائمة موجهة للمشترين تضم قوالب مواقع المطاعم لعام 2026، كتبناها لأصحاب المطاعم، وللمطورين الذين يستعينون بهم، وللوكالات التي تبني مواقع الطعام لعملائها. كل اختيار أدناه يضم قائمة طعام إلكترونية تعمل فعلًا، ومعظمها يذهب أبعد من ذلك: سلة مشتريات، وصفحة دفع، وتتبع للطلبات، وشاشة للمطبخ أو لوحة إدارة كاملة. وهي تأتي من مصادر مختلفة: متجر قوالب مدفوعة، وThemeForest وCodeCanyon، وسوق لمكونات shadcn/ui، ومشاريع مجانية مفتوحة المصدر على GitHub.

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

القالب	الأنسب لـ	الطلب	الخادم الخلفي	العربية/RTL	السعر
Aniq UI Food Studio	مطعم يستقبل طلبات حقيقية عبر الإنترنت	سلة، وتوصيل أو استلام، وStripe وPayPal، وتتبع الطلبات، ولوحة للمطبخ	واجهة NestJS API خاصة به (حزمة Backend API أو Full Stack)	الإنجليزية والعربية، مع دعم كامل لـ RTL	من $79، وFull Stack بسعر $179
Munch	موقع لعلامة برغر أو وجبات سريعة	سلة محفوظة في المتصفح، دون خطوة دفع	لا يوجد	غير مذكور	$79
Starbelly	المقاهي والمطاعم الصغيرة بميزانية محدودة	صفحات المتجر والسلة والدفع (واجهة أمامية فقط)	لا يوجد، والمحتوى في ملفات JSON وMarkdown	غير مذكور	$17 على ThemeForest
QuickEat	موقع توصيل يعرض عدة مطاعم	صفحات المطاعم والسلة والدفع (واجهة أمامية فقط)	لا يوجد	غير مذكور	$17 على ThemeForest
Yummer	تطبيق طلبات لمطعم واحد مصمم للهاتف أولًا	شاشات السلة والدفع وأكواد الخصم وسجل الطلبات	Payload CMS للأطباق والعروض، بحسب صفحة المنتج	غير مذكور	$78 على CodeCanyon
OrderWorder	الطلب داخل المطعم من رمز QR على الطاولة	قائمة الطعام والسلة والطلبات، مع عرض مباشر للمطبخ	مسارات Next.js API مع MongoDB	غير مذكور	مجاني، دون ملف ترخيص
Medusa Eats	دراسة منصة توصيل بثلاثة أطراف	مسارات العميل والمطعم والسائق	Medusa 2.0	غير مذكور	مجاني (MIT)

أفضل قوالب مواقع المطاعم في 2026

1. Aniq UI Food Studio

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

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

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

لوحة تحكم الموظفين هي أكثر ما يميز Food Studio عن قالب يكتفي بعرض قائمة الطعام. تعرض النظرة العامة مبيعات اليوم وقائمة انتظار المطبخ، وتنقل صفحة الطلبات كل طلب عبر حالات يفرضها الخادم، ويحصل موظفو المطبخ على حسابات لا ترى إلا مطبخهم. ويحرر الفريق الأطباق بالإنجليزية والعربية، ويرتب الصفحة الرئيسية قسمًا قسمًا، ويدير العملاء والأدوار والإعدادات. ويكتب استوديو الذكاء الاصطناعي مسودات تفاصيل الأطباق ويعيد تنسيق صورها باستخدام Google Gemini، وتعمل إزالة الخلفية على الخادم دون مفتاح API، ويجيب مساعد ذكي عن الأسئلة المتعلقة بالطلبات والمبيعات وقائمة الطعام انطلاقًا من بيانات المطعم نفسه.

• موقع الطلبات: الصفحة الرئيسية، وقائمة الطعام، وصفحات الأطباق والكومبو، والسلة، والدفع، وتتبع الطلب، وحساب العميل
• بحث في قائمة الطعام مع مرشحات للفئة والنظام الغذائي والترتيب، ومسببات الحساسية على كل طبق
• توصيل أو استلام لكل مطبخ، مع الرموز البريدية وساعات العمل والحد الأدنى للطلب
• صفحة Stripe Checkout المستضافة وPayPal مع webhooks موقّعة، إضافة إلى دفع تجريبي للاختبار
• لوحة تحكم للموظفين تضم الطلبات وقائمة الطعام والفئات والعملاء وأقسام الصفحة الرئيسية والفريق والإعدادات، مع إشعارات مباشرة عبر Socket.io
• واجهة NestJS API مع TypeORM على SQLite أو MySQL، وتسجيل دخول بـ JWT، وأدوار وصلاحيات، وأداة لتعبئة البيانات (seeder) تنشئ مطعمًا تجريبيًا كاملًا

التقنيات: Next.js 16 App Router، React 19، TypeScript 5، Tailwind CSS 4، TanStack Query، next-intl، MapLibre، NestJS 10، TypeORM، Socket.io، Stripe.

السعر (تم التحقق في نوفمبر 2026): حزمة Full Stack التي تضم التطبيقات الثلاثة بسعر $179. وتُباع الأجزاء منفردة أيضًا: موقع الطلبات بسعر $79، ولوحة تحكم الموظفين بسعر $99، وBackend API بسعر $99. الدفع مرة واحدة، ويغطي الترخيص عددًا غير محدود من المشاريع التجارية، بما فيها أعمال العملاء.

ما يجب معرفته: يقرأ الموقع ولوحة التحكم بياناتهما من واجهة Food Studio API. فإذا اشتريت أحدهما وحده، فستظل بحاجة إلى Backend API (أو حزمة Full Stack) لاستقبال طلبات حقيقية. أنت من يستضيف الـ API بنفسه، وتعمل Stripe وPayPal وGemini بحساباتك ومفاتيحك الخاصة، لذا تُحتسب رسومها عليك. والقالب مصمم لعلامة مطعم واحدة بمطبخ واحد أو أكثر، وليس لمنصة تضم مطاعم كثيرة. وللاطلاع على شرح خطوة بخطوة لكيفية ترابط الأجزاء، اقرأ دليلنا حول كيفية بناء نظام طلبات إلكترونية لمطعم باستخدام Next.js.

الروابط: العرض التجريبي للموقع · العرض التجريبي للوحة تحكم الموظفين · صفحة المنتج

2. Munch من Shadcnblocks

الأنسب لـ: مطعم برغر أو علامة وجبات سريعة أو أي مطعم يريد موقعًا بشخصية قوية وقائمة طعام مفصلة وسلة بسيطة، ويعتمد على خدمة أخرى في عملية الدفع الفعلية.

Munch قالب مطاعم يبيعه Shadcnblocks، وهو سوق لكتل وقوالب shadcn/ui. وتصفه صفحة المنتج بأنه يضم «قائمة طعام تعرض السعر وعدد السعرات الحرارية لكل صنف، وسلة طلب تبقى محفوظة في المتصفح، وصفحات أخبار وصفحات قانونية بصيغة MDX». وتشمل عملية الشراء الواحدة نسخة Next.js ونسخة Astro معًا.

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

• 15 صفحة وأكثر من 40 مكوّنًا، مبنية من أقسام Shadcnblocks
• قائمة طعام كاملة بالفئات والمعلومات الغذائية وسلة للطلب
• مقالات أخبار وصفحات قانونية بصيغة MDX
• بيانات SEO الوصفية في نسخة Next.js، وخريطة موقع (sitemap) في نسخة Astro
• نشر مُختبَر على Vercel وNetlify وCloudflare Pages، بحسب صفحة المنتج

التقنيات: Next.js أو Astro، shadcn/ui، Tailwind CSS 4، TypeScript، Markdown وMDX. إصدار القالب 1.0.0، وآخر تحديث له في 26 أغسطس 2026، بحسب صفحة المنتج.

السعر (تم التحقق في نوفمبر 2026): $79 للقالب، مع النسختين. وهو جزء أيضًا من خطة Shadcnblocks Premium. ويسمح ترخيص Shadcnblocks بعدد غير محدود من المنتجات النهائية لك أو لشركتك أو لعملائك.

ما يجب معرفته: لا يوجد خادم خلفي ولا مزود دفع ولا لوحة لإدارة الطلبات. فالسلة ميزة في الواجهة الأمامية، ولاستقبال طلبات حقيقية عليك أن تربط الدفع بنفسك بـ Stripe أو بنظام نقاط البيع (POS) لديك أو بمنصة طلبات. ولا يذكر القالب دعم العربية أو RTL.

الروابط: العرض التجريبي لنسخة Next.js · صفحة المنتج

3. Starbelly على ThemeForest

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

Starbelly قالب للمطاعم والمقاهي من bslthemes، وهو مؤلف بمرتبة Elite Author على Envato. وتذكر صفحته Next.js 14 مع App Router، وReact 18، وBootstrap 5، وأكثر من 35 صفحة. ويغطي الصفحات التي يحتاجها موقع المطعم عادةً: ستة تخطيطات لقائمة الطعام، وحجز الطاولات، ومعرض صور مع مرشحات، وصفحة للطهاة، وآراء العملاء، والأسئلة الشائعة، ومدونة بالفئات والوسوم والبحث، وصفحات تواصل مع خريطة.

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

• أكثر من 35 صفحة، مع أكثر من 6 تخطيطات لقائمة الطعام وصفحتين رئيسيتين
• صفحات المتجر والمنتج والسلة والدفع
• صفحة لحجز الطاولات ونموذج تواصل يعمل دون PHP
• مدونة بالفئات والوسوم والبحث والأرشيف والكتّاب وترقيم الصفحات
• كل المحتوى في ملفات JSON وMarkdown منفصلة

التقنيات: Next.js 14 App Router، React 18، Bootstrap 5، SCSS.

السعر (تم التحقق في نوفمبر 2026): $17 لترخيص Regular على ThemeForest. ويعرضه موقع المؤلف نفسه بسعر $14. ويغطي ترخيص Envato Regular منتجًا نهائيًا واحدًا لا يدفع مستخدموه مقابل استخدامه.

ما يجب معرفته: الصور الموجودة في المعاينة المباشرة غير مضمنة في ملف التنزيل، لذا خطط لتصوير أطباقك بنفسك. ولا يذكر سجل التغييرات إلا الإصدارين 1.0.0 و1.0.1. ولا يذكر القالب دعم العربية أو RTL. وإذا أردت أسلوب المؤلف نفسه بمظهر مختلف، فإن Tastyc يغطي احتياجات مشابهة مع تكامل OpenTable وMailchimp.

الروابط: العرض التجريبي المباشر · صفحته على ThemeForest

4. QuickEat على ThemeForest

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

QuickEat قالب لتوصيل الطعام، من bslthemes أيضًا، مصمم للمواقع التي تعرض أكثر من مطعم. تطلب الصفحة الرئيسية من الزائر اختيار مطعم، وتعرض صفحة المطاعم القائمة حسب نوع المطبخ، ولكل مطعم صفحة بتقييمه وساعات عمله وأطباقه. وتضم صفحة الدفع بيانات المشتري وعنوان التوصيل والاختيار بين البطاقة والدفع نقدًا.

ويشمل أيضًا صفحات شراكة لمندوبي التوصيل والمطاعم الراغبين في الانضمام، وجدول أسعار، ومدونة، وأسئلة شائعة. ومثل Starbelly، هو مجموعة من الصفحات المصممة: لا تتضمن صفحة المنتج خادمًا خلفيًا، لذا تحتاج بيانات المطاعم والسلال والطلبات إلى خادم خاص بك.

• أكثر من 11 صفحة، منها قائمة المطاعم وصفحات المطعم الواحد
• صفحات السلة والدفع مع خيار البطاقة أو النقد
• صفحات «كن شريكًا» لمندوبي التوصيل والمطاعم
• جدول أسعار، ونماذج للحجز والنشرة البريدية والملاحظات
• Google Maps

التقنيات: Next.js 13 مع Pages Router، React 18، Bootstrap 5.

السعر (تم التحقق في نوفمبر 2026): $17 لترخيص Regular على ThemeForest، مع 43 عملية بيع ظاهرة في صفحته. ويعرضه موقع المؤلف نفسه بسعر $14.

ما يجب معرفته: هذه أقدم حزمة تقنيات في القائمة. ما زال Next.js 13 مع Pages Router يعمل، لكن ميزات Next.js الجديدة ومعظم الأمثلة الحالية تستهدف App Router، لذا خصص وقتًا للترقية إن كنت تخطط لتوسيعه. ويُظهر سجل التغييرات إصدارًا واحدًا (1.0.0)، وصور العرض التجريبي ليست جزءًا من ملف التنزيل.

الروابط: العرض التجريبي المباشر · صفحته على ThemeForest

5. Yummer على CodeCanyon

الأنسب لـ: مطعم واحد يريد تجربة طلب تشبه التطبيقات على الهواتف، قابلة للتثبيت من المتصفح، دون بناء تطبيق أصلي.

Yummer تطبيق ويب تقدمي (Progressive Web App) مبني بـ React من George_Fx على CodeCanyon، وتصفه صفحته بأنه «مصمم خصيصًا لتوصيل الطعام لمطعم واحد». وهو مصمم لشاشة الهاتف: شرائح تعريفية عند البدء، وصفحة رئيسية بأبرز العروض والأطباق المقترحة، ومتجر قابل للبحث، وتفاصيل الأطباق، وسلة، وصفحة دفع بحقول الشحن والبطاقة، وشاشات لنجاح الطلب وفشله.

وحول مسار الطلب، يضم شاشات الحساب التي تتوقعها من تطبيق توصيل: تسجيل الدخول وإنشاء حساب، والتحقق من رقم الهاتف، وتعديل الملف الشخصي، والمفضلة، وأكواد الخصم، وسجل الطلبات. وتقول صفحته إنه متكامل مع Payload CMS لإدارة الأطباق والعروض والمحتوى، ولأنه تطبيق PWA فهو يعمل دون اتصال بعد تثبيته.

• تطبيق PWA مصمم للهاتف أولًا مع دعم العمل دون اتصال
• شاشات الرئيسية والمتجر والبحث والطبق والسلة والدفع ونتيجة الطلب
• صفحات تسجيل الدخول وإنشاء الحساب والتحقق من الهاتف والملف الشخصي
• العروض وأكواد الخصم والمفضلة وسجل الطلبات
• Payload CMS للأطباق والعروض والمحتوى، بحسب صفحة المنتج

التقنيات: React 19، TypeScript، Zustand، Sass، Payload CMS. وهو تطبيق React، وليس تطبيق Next.js.

السعر (تم التحقق في نوفمبر 2026): $78 لترخيص Regular على CodeCanyon. وآخر تحديث لصفحته في 25 يوليو 2025.

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

الروابط: العرض التجريبي المباشر · صفحته على CodeCanyon

6. OrderWorder على GitHub

الأنسب لـ: المطورين الذين يريدون دراسة الطلب داخل المطعم أو بناء نموذج أولي له: يمسح الضيوف رمز QR على الطاولة، ويطلبون من هواتفهم، ويرى المطبخ الطلب على شاشة.

OrderWorder «نظام طلبات للمطاعم دون تلامس» مفتوح المصدر، مبني بـ Next.js وMongoDB. تحصل كل طاولة على رمز QR يفتح قائمة الطعام، ويقدّم الضيوف طلباتهم دون تثبيت أي تطبيق، وتعرض لوحة مطبخ مباشرة الطلبات الواردة. وتدير لوحة إدارة الطاولات والطلبات والمخزون، ويقترح مساعد ذكي اسمه Jarvis، مبني على Google Gemini عبر Vercel AI SDK، أطباقًا ويجيب عن أسئلة المكونات ومسببات الحساسية انطلاقًا من قائمة الطعام الحية.

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

• رمز QR لكل طاولة، مع قائمة الطعام في المتصفح
• سلة وتقديم طلبات لضيوف المطعم
• لوحة مطبخ مباشرة ولوحة إدارة للطاولات والطلبات والمخزون
• مساعد ذكي لقائمة الطعام مبني على Google Gemini
• وضع داكن وأداة لاختيار لون السمة

التقنيات: Next.js 16 (الإصدار 16.3.6 في package.json)، React 19، SCSS، MongoDB مع Mongoose، NextAuth.js، Redux، Vercel AI SDK. نحو 139 نجمة على GitHub، وآخر دفع للشيفرة في 29 سبتمبر 2026.

السعر (تم التحقق في نوفمبر 2026): متاح للاطلاع مجانًا. ولا يحتوي المستودع على ملف ترخيص، ما يعني افتراضيًا أن المؤلف يحتفظ بكل الحقوق، لذا اطلب إذنه قبل استخدام الشيفرة في مشروع تجاري.

ما يجب معرفته: لا يذكر ملف README المدفوعات الإلكترونية ولا التوصيل ولا الطلبات الخارجية، لأن المشروع مبني حول الطلب من الطاولة. تعامل معه كمرجع قوي، أو كنقطة انطلاق بعد أن تحسم مسألة الترخيص.

الروابط: العرض التجريبي المباشر · مستودع GitHub

7. Medusa Eats على GitHub

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

Medusa Eats منصة لتوصيل الطعام «مستوحاة من Uber Eats»، بناها فريق Medusa على Medusa 2.0 وNext.js 14. يضم المستودع خادمًا خلفيًا بـ Medusa مع وحدات مخصصة للمطاعم والسائقين والتوصيل، وواجهة أمامية بـ Next.js فيها واجهات متاجر للمطاعم ولوحات تحكم. ويتولى سير عمل طويل الأمد في Medusa كل طلب من اختيار العميل حتى التوصيل، فيُبلغ المطعم، ويعثر على سائق، ويبث تحديثات الحالة إلى العميل.

• واجهات متاجر للمطاعم موجهة للعملاء
• لوحات تحكم للمطاعم والسائقين مع حالة الطلب لحظة بلحظة
• أدوار المستخدمين والمصادقة
• دورة حياة الطلب كسير عمل في Medusa، مع Server Sent Events
• ترخيص MIT، ونحو 269 نجمة على GitHub

التقنيات: Next.js 14 (الإصدار 14.1.4 في ملف package.json الخاص بالواجهة الأمامية)، React 18، Tailwind CSS، TypeScript، Medusa 2.0.

السعر (تم التحقق في نوفمبر 2026): مجاني، بموجب ترخيص MIT.

ما يجب معرفته: يوضح ملف README بجلاء أن هذا «مرجع معماري، وليس مشروعًا للانطلاق»، وأن الفريق الأساسي لا يصونه بنشاط، وأنه بدأ كعرض في هاكاثون. وكان آخر دفع للشيفرة في سبتمبر 2025، ولا يوجد عرض تجريبي عام مباشر، لذا عليك تشغيله محليًا لرؤيته. اقرأه لتستلهم الأفكار، ثم ابنِ على أساس يخضع للصيانة.

الروابط: مستودع GitHub · منشور الإعلان

كيف تختار قالب موقع مطعم

1. حدّد ما يعنيه الطلب عبر الإنترنت بالنسبة إليك

تستخدم قوالب المطاعم الكلمات نفسها لأشياء مختلفة جدًا. صنّفها في ثلاث مجموعات قبل أن تقارن التصاميم.

• موقع لقائمة الطعام. قائمة الطعام وساعات العمل والموقع ورقم الهاتف، مع زر «اطلب» يحيل إلى شريك التوصيل أو نظام نقاط البيع لديك. يستطيع أي قالب هنا فعل ذلك، ويفعله Starbelly أو Munch بأقل جهد.
• سلة دون خادم خلفي. يتيح Munch وStarbelly وQuickEat للعملاء ملء السلة والوصول إلى صفحة الدفع، لكن لا شيء يحفظ الطلب أو يحصّل ثمنه. وهذه بداية جيدة إذا كان هناك مطور سيربطها بـ Stripe أو بنظام نقاط البيع لديك أو بمنصة طلبات.
• نظام طلبات يعمل فعلًا. تُخزَّن الطلبات ويُدفع ثمنها وتُحال إلى المطبخ وتُتتبَّع. يفعل Food Studio ذلك لعلامة مطعم واحدة، وOrderWorder لطاولات المطعم، ويوضح Medusa Eats كيف يبدو ذلك في منصة متعددة المطاعم.

2. تحقق من مكان الدفع

اعرف أي مزودي الدفع مربوطون مسبقًا وأين يدفع العميل. يوجّه Food Studio العملاء إلى صفحة Stripe Checkout المستضافة أو إلى PayPal، فلا تمر بيانات البطاقة بخادمك أبدًا، وتؤكد webhooks الموقّعة كل عملية دفع. أما قوالب الواجهة الأمامية فتعرض نموذج دفع أو خيارًا بين البطاقة والنقد، وما زال ذلك يحتاج إلى مزود دفع خلفه. وإذا كان عملاؤك يدفعون نقدًا عند الاستلام، فتحقق من أن مسار الطلب يستطيع وسم الطلب بأنه غير مدفوع حتى يُسلَّم.

3. فكّر في المطبخ، لا في العميل وحده

يجب أن يصل كل طلب إلى من سيطهوه. اسأل: من سيرى الطلبات الجديدة، وكيف ينقلها الموظفون من «مؤكد» إلى «جاهز»، وهل ينبغي لطاهٍ في مطبخ أن يرى طلبات مطبخ آخر. لدى Food Studio لوحة تحكم للموظفين بحالات يفرضها الخادم، وإشعارات مباشرة، وحسابات للمطبخ تقتصر على مطبخها. ولدى OrderWorder عرض مباشر للمطبخ. ولدى Medusa Eats لوحات تحكم للمطاعم والسائقين. أما بقية القوالب فلا جانب للمطبخ فيها.

4. قواعد التوصيل والاستلام وساعات العمل

التوصيل هو المكان الذي تتعثر فيه الطلبات الحقيقية: عنوان خارج نطاق التوصيل، أو طلب بعد الإغلاق، أو سلة دون الحد الأدنى. والنظام الذي يعمل فعلًا يتحقق من ذلك قبل الدفع. يتحقق Food Studio من الرموز البريدية وساعات العمل والحد الأدنى للطلب لكل مطبخ. وتعرض سلة العرض التجريبي في Munch رسوم توصيل وحدًا أدنى للطلب، لكن لا شيء يفرضهما على خادم. وإذا كنت توصّل من أكثر من موقع، فتأكد من أن القالب يتعامل مع المطابخ أو الفروع.

5. بيانات قائمة الطعام التي يحتاجها عملاؤك

يبحث العملاء عن مسببات الحساسية ومرشحات النظام الغذائي وخيارات الحصص والكومبو. يضم Food Studio مسببات الحساسية على كل طبق، ومرشحات للنظام الغذائي، وأداة لتركيب الكومبو. ويعرض Munch السعرات الحرارية والبروتين لكل صنف. ويعرض العرض التجريبي لـ OrderWorder السعرات الحرارية ومسببات الحساسية في وصف الأصناف. احسب عدد الأطباق التي تبيعها وعدد مرات تغيّر قائمة الطعام: القائمة التي تُعدَّل كل أسبوع مكانها لوحة تحكم أو نظام إدارة محتوى (CMS)، لا ملف JSON.

6. اللغات والتخطيط من اليمين إلى اليسار

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

7. احسب التكلفة الكاملة

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

8. اقرأ الترخيص وتحقق من الصيانة

يغطي ترخيص Envato Regular (Starbelly وQuickEat وYummer) منتجًا نهائيًا واحدًا لا يدفع مستخدموه مقابل استخدامه. ويسمح ترخيص Shadcnblocks وترخيص Aniq UI بعدد غير محدود من المشاريع، بما فيها أعمال العملاء. وMedusa Eats مرخّص بـ MIT. أما OrderWorder فلا يحتوي على ملف ترخيص، لذا فهو غير متاح لإعادة الاستخدام حتى يأذن المؤلف بذلك. وانظر أيضًا إلى إصدار إطار العمل وآخر تحديث: تحتاج مشاريع Next.js 13 و14 إلى مسار للترقية، وMedusa Eats لم يعد يخضع للصيانة.

9. متى يكون القالب خيارًا خاطئًا

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

أخطاء شائعة عند اختيار قالب موقع مطعم

الخلط بين صفحة الدفع وعملية الدفع الفعلية

صفحة الدفع المصممة لا تخصم المبلغ من البطاقة ولا تحفظ الطلب. قبل الشراء، ابحث في الوصف عن قاعدة بيانات ومزود دفع وقائمة طلبات، لا عن لقطة شاشة لصفحة «الدفع» فقط.

نسيان جانب الموظفين

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

تثبيت قائمة الطعام داخل الشيفرة

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

استخدام صور العرض التجريبي التي لا تملكها

تذكر صفحات عدة منتجات أن صور المعاينة ليست جزءًا من ملف التنزيل. خطط منذ البداية لتصوير أطباقك بنفسك، أو لأدوات تجهّز صورك الخاصة.

تجاوز التحقق من الترخيص

الشيفرة المجانية على GitHub ليست دائمًا مجانية الاستخدام. فالمستودع الذي لا يحتوي على ملف ترخيص يُبقي كل الحقوق لمؤلفه، وترخيص Envato Regular يقصرك على منتج نهائي واحد.

الأسئلة الشائعة

ما أفضل قالب موقع مطعم مع الطلب عبر الإنترنت؟

إذا كنت تريد أن يطلب العملاء ويدفعوا على موقعك الخاص وأن يدير الموظفون الطلبات من لوحة تحكم، فإن Aniq UI Food Studio هو الاختيار الأكثر اكتمالًا في هذه القائمة، إذ يضم موقعًا ولوحة تحكم للموظفين وواجهة NestJS API في حزمة واحدة.

وإذا كنت تحتاج فقط إلى موقع لقائمة الطعام مع سلة وستربط الطلبات بنفسك، فإن Munch وStarbelly نقطتا انطلاق جيدتان.

هل يوجد قالب مجاني لموقع مطعم مع خاصية الطلب؟

OrderWorder وMedusa Eats مجانيان على GitHub. يغطي OrderWorder الطلب من الطاولة عبر رمز QR مع عرض للمطبخ، لكنه لا يحتوي على ملف ترخيص، لذا اسأل المؤلف قبل إعادة استخدامه. أما Medusa Eats فمرخّص بـ MIT، لكنه مرجع معماري لم يعد يخضع للصيانة، وليس مشروعًا للانطلاق.

أي قالب مطعم يضم لوحة للمطبخ؟

لدى Food Studio لوحة تحكم للموظفين فيها قائمة انتظار المطبخ وحالات الطلبات وحسابات خاصة بالمطبخ. ولدى OrderWorder عرض مباشر للمطبخ لطلبات الطاولات، ولدى Medusa Eats لوحات تحكم للمطاعم والسائقين.

هل يمكنني استخدام قالب مطعم دون مطور؟

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

هل تستحق قوالب المطاعم على ThemeForest الشراء؟

هي قيمة جيدة مقابل التصميم وعدد الصفحات. يبلغ سعر كل من Starbelly وQuickEat $17 على ThemeForest (نوفمبر 2026). تحقق أولًا من ثلاثة أمور: إصدار Next.js، وآخر تحديث، وما إذا كانت السلة مرتبطة بأي شيء. كلاهما قالب واجهة أمامية.

أي قوالب المطاعم تدعم العربية وRTL؟

من بين الاختيارات هنا، Food Studio وحده يذكر دعم الإنجليزية والعربية بتخطيط كامل من اليمين إلى اليسار، في موقع الطلبات ولوحة تحكم الموظفين معًا. أما مع البقية، فالعربية وRTL عمل تضيفه بنفسك.

هل أختار قالب Next.js أم تطبيق React PWA للطلبات؟

تفهرس محركات البحث موقع Next.js جيدًا، وهو يعمل على كل الشاشات، وهذا مهم لمطعم يجده الناس عبر Google. أما تطبيق PWA مثل Yummer فيبدو كتطبيق على الهواتف ويمكن تثبيته. ويبدأ كثير من المطاعم بالموقع ثم يضيف تطبيقًا قابلًا للتثبيت لاحقًا.

الخلاصة

إذا كنت تريد موقع مطعم يستقبل طلبات حقيقية، مع المدفوعات وقواعد التوصيل ولوحة للمطبخ وواجهة API خاصة به، وبالإنجليزية والعربية من اليوم الأول، فابدأ بـ Food Studio. ويمكنك شراء موقع الطلبات أو لوحة تحكم الموظفين منفردًا، ما دمت تضيف إليه Backend API.

وإذا كنت تحتاج أساسًا إلى موقع جميل لقائمة الطعام، فإن Munch يمنح علامة البرغر أو الوجبات السريعة مظهرًا مميزًا مع سلة، ويمنح Starbelly المقهى عشرات الصفحات الجاهزة بتكلفة زهيدة جدًا. ويناسب QuickEat موقع توصيل يعرض عدة مطاعم، ويناسب Yummer مطعمًا يريد تجربة تشبه التطبيقات على الهواتف. وللتعلم وبناء النماذج الأولية، يعرض OrderWorder الطلب من الطاولة عبر رمز QR مع عرض للمطبخ، ويعرض Medusa Eats البنية المعمارية لمنصة توصيل كاملة متعددة المطاعم. ويمكنك فتح العرضين التجريبيين المباشرين ومقارنة كل الحزم في صفحة منتج Food Studio.

أدلة ذات صلة

• كيفية بناء نظام طلبات إلكترونية لمطعم باستخدام Next.js
• أفضل قوالب Next.js لعام 2026: اختيارات مجانية ومدفوعة
• أفضل قوالب لوحات التحكم حسب القطاع في 2026
• أفضل قوالب Next.js للمتاجر الإلكترونية لعام 2026 (مجانية ومدفوعة)
• أفضل قوالب لوحات التحكم بدعم RTL والعربية (2026)
• أفضل قوالب Next.js وحزم البداية لتطبيقات SaaS لعام 2026
• أفضل قوالب صفحات الهبوط بـ Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل 10 قوالب Next.js للوحات التحكم لعام 2026

المصادر

• صفحة منتج Aniq UI Food Studio
• Munch على Shadcnblocks
• اتفاقية ترخيص Shadcnblocks
• Starbelly على ThemeForest
• Starbelly على bslthemes
• QuickEat على ThemeForest
• QuickEat على bslthemes
• Yummer على CodeCanyon
• OrderWorder على GitHub
• Medusa Eats على GitHub
• الإعلان عن Medusa Eats
• تراخيص Envato على ThemeForest

تم التحقق في نوفمبر 2026.