متميز

قالب موقع طلبات للمطاعم بـ Next.js

موقع طلبات للمطاعم مبني بـ Next.js 16 مع قائمة طعام ووجبات مجمّعة ومُنشئ وجبات وسلة ودفع وتتبع للطلبات وحسابات للعملاء، بالعربية والإنجليزية.

موقع الطلب

موقع الطلب بـ Next.js 16 وحده. يقرأ بياناته من واجهة API الخاصة بـ Food Studio، التي تباع منفصلة باسم واجهة الخلفية API أو ضمن الحزمة الكاملة.

$79
أو احصل على كل شيء مع الحزمة الكاملة مقابل $179
  • الاستخدام في عدد غير محدود من المشاريع التجارية. يشمل العمل للعملاء.
  • دفعة واحدة، وتحديثات مجانية
  • فاتورة للشركات برقمك الضريبي
  • الاستخدام في عدد غير محدود من المشاريع التجارية. يشمل العمل للعملاء.
  • دفعة واحدة، وتحديثات مجانية
  • فاتورة للشركات برقمك الضريبي

موقع طلبات للمطاعم مبني بـ Next.js 16 مع قائمة طعام ووجبات مجمّعة ومُنشئ وجبات وسلة ودفع وتتبع للطلبات وحسابات للعملاء، بالعربية والإنجليزية.

مشاركة:

موقع طلبات للمطاعم مبني بـ Next.js 16 مع قائمة طعام ووجبات مجمّعة ومُنشئ وجبات وسلة ودفع وتتبع للطلبات وحسابات للعملاء، بالعربية والإنجليزية.

عرض الموقع
Ordering website overview, light theme
Ordering website overview, light theme. The home page opens on the headline, a burger photograph, the order and menu buttons, three reasons to order and the category bar.
Ordering website overview, dark theme
Ordering website overview, dark theme. The home page opens on the headline, a burger photograph, the order and menu buttons, three reasons to order and the category bar.
افتح الموقع
Hero: the plate with its looping steam, dark theme (clip). The website's first screen as it loads: the headline arrives and steam rises from the burger and fries in a loop.
القائمة

قائمة يجد فيها كل زبون وجبته

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

Menu with search, category, dietary and sort filters, light theme
Menu with search, category, dietary and sort filters, light theme. The full menu: search, category, dietary and sort controls, the category bar, and every dish as a card with its price.
Menu with search, category, dietary and sort filters, dark theme
Menu with search, category, dietary and sort filters, dark theme. The full menu: search, category, dietary and sort controls, the category bar, and every dish as a card with its price.
Dish page with instructions, quantity and allergens, light theme
Dish page with instructions, quantity and allergens, light theme. A dish with its cut-out photo, price, special instructions, quantity, add to cart, allergen chips and the ingredients, allergens and reviews tabs.
Dish page with instructions, quantity and allergens, dark theme
Dish page with instructions, quantity and allergens, dark theme. A dish with its cut-out photo, price, special instructions, quantity, add to cart, allergen chips and the ingredients, allergens and reviews tabs.

وجبات مجمّعة مع اختيار لكل صنف

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

  • الاختيارات المطلوبة يُتحقق منها قبل أن يصل شيء إلى السلة
  • أسعار الإضافات مكتوبة بالكلمات، دون علامة زائد
  • قواعد التسعير نفسها في الصفحة وعلى الخادم
Combo page with a choice per course, light theme
Combo page with a choice per course, light theme. The combo offer: the saving against ordering separately and a required choice of main, side and drink, extras priced in words.
Combo page with a choice per course, dark theme
Combo page with a choice per course, dark theme. The combo offer: the saving against ordering separately and a required choice of main, side and drink, extras priced in words.

منشئ وجبات في الصفحة الرئيسية

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

  • أطباق مأخوذة من الوجبة التي يعدّها الفريق
  • يُختار ويُرتب من محرر الصفحة الرئيسية
  • يعمل بالطريقة نفسها بالعربية، من اليمين إلى اليسار
Home: the meal builder, light theme
Home: the meal builder, light theme. A main, a side and a drink chosen as cards, drawn together as one meal picture beside them, with View meal opening the combo.
Home: the meal builder, dark theme
Home: the meal builder, dark theme. A main, a side and a drink chosen as cards, drawn together as one meal picture beside them, with View meal opening the combo.
السلة والدفع

من السلة إلى طلب مدفوع

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

Cart with delivery or pickup, light theme
Cart with delivery or pickup, light theme. Two dishes in the cart with their quantities, delivery or pickup, the delivery address, a promo code field and the order summary.
Cart with delivery or pickup, dark theme
Cart with delivery or pickup, dark theme. Two dishes in the cart with their quantities, delivery or pickup, the delivery address, a promo code field and the order summary.
Checkout with hosted payment, light theme
Checkout with hosted payment, light theme. Contact details, delivery method and address, then the payment choice (card or PayPal on the provider's own page), reward points and the total.
Checkout with hosted payment, dark theme
Checkout with hosted payment, dark theme. Contact details, delivery method and address, then the payment choice (card or PayPal on the provider's own page), reward points and the total.

الدفع في صفحة مزود الدفع نفسه

ينقل الدفع الزبون إلى صفحة Stripe Checkout أو إلى PayPal، ويؤكَّد الطلب من الـ webhook الموقّع لمزود الدفع، فلا يعرض الموقع أي حقل لبطاقة.

  • طلب واحد لكل عملية دفع مهما أُرسلت من مرة
  • دفع تجريبي ما دام لم يُضبط مزود دفع حقيقي
  • المخزون محجوز للطلب المعلّق ويُعاد إذا فشل الدفع
  • خط زمني للحالات يتحدث كل عشر ثوان
Order tracking: the order being prepared, light theme
Order tracking: the order being prepared, light theme. A customer's order in the kitchen: the status timeline from placed to delivered, the items, the totals and the delivery address.
Order tracking: the order being prepared, dark theme
Order tracking: the order being prepared, dark theme. A customer's order in the kitchen: the status timeline from placed to delivered, the items, the totals and the delivery address.

حسابات تعيد الزبائن

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

  • نقطة لكل دولار، تُضاف عند توصيل الطلب
  • 100 نقطة تخصم 5 دولارات، مرة واحدة لكل طلب
  • سلة الضيف وأطباقه المحفوظة تبقى عند تسجيل الدخول
Account: reward points, recent orders, saved dishes, light theme
Account: reward points, recent orders, saved dishes, light theme. The signed-in customer's overview: reward points, profile and default address, recent orders with track and reorder, and saved favorites.
Account: reward points, recent orders, saved dishes, dark theme
Account: reward points, recent orders, saved dishes, dark theme. The signed-in customer's overview: reward points, profile and default address, recent orders with track and reorder, and saved favorites.
المطابخ

عدة مطابخ، لكل منها منطقته

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

Kitchens on a real map, with a postcode search, light theme
Kitchens on a real map, with a postcode search, light theme. Find a kitchen: a postcode search for delivery or pickup, each kitchen with its hours, preparation time and delivery postcodes, pinned on a map.
Kitchens on a real map, with a postcode search, dark theme
Kitchens on a real map, with a postcode search, dark theme. Find a kitchen: a postcode search for delivery or pickup, each kitchen with its hours, preparation time and delivery postcodes, pinned on a map.
Our story, light theme
Our story, light theme. The about page: the restaurant's story beside a kitchen photograph, with the way to the menu and to a kitchen.
Our story, dark theme
Our story, dark theme. The about page: the restaurant's story beside a kitchen photograph, with the way to the menu and to a kitchen.
Contact form and kitchen hours, light theme
Contact form and kitchen hours, light theme. A contact form beside the restaurant's email and phone and every kitchen's address and opening hours.
Contact form and kitchen hours, dark theme
Contact form and kitchen hours, dark theme. A contact form beside the restaurant's email and phone and every kitchen's address and opening hours.
ثنائي اللغة

الإنجليزية والعربية، في الاتجاهين

كل شاشة في الموقع ولوحة التحكم مكتوبة باللغتين وتنعكس للعربية، والقائمة نفسها محفوظة باللغتين، مع الأسعار والأرقام بالأرقام اللاتينية.

Arabic home page, right to left, light theme
Arabic home page, right to left, light theme. The home page in Arabic: the layout mirrored right to left, the photograph on the other side and every word translated.
Arabic home page, right to left, dark theme
Arabic home page, right to left, dark theme. The home page in Arabic: the layout mirrored right to left, the photograph on the other side and every word translated.
Arabic menu, light theme
Arabic menu, light theme. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.
Arabic menu, dark theme
Arabic menu, dark theme. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.
متجاوب

مصمم للهاتف الذي يحمله زبون جائع

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

Home on a phone, light theme
Home on a phone, light theme. The home page at phone width with the delivery address row and the bottom navigation.
Home on a phone, dark theme
Home on a phone, dark theme. The home page at phone width with the delivery address row and the bottom navigation.
Dish page on a phone, light theme
Dish page on a phone, light theme. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
Dish page on a phone, dark theme
Dish page on a phone, dark theme. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
استكشف

استكشف Food Studio قبل أن تبني

اطلب من الموقع كضيف، ثم افتح لوحة تحكم الفريق التي تسجل دخولك من صفحتها بحساب عرض خاص بك. ما تغيّره في لوحة التحكم لك وحدك، وتُعاد بيانات العرض كل ليلة. في العرض تُدفع الطلبات بمدفوعات تجريبية، ويعمل استوديو الذكاء الاصطناعي والمساعد بمفتاح Google Gemini الخاص بك. تستخدم لقطات الشاشة بيانات نموذجية.

Home: popular dishes and the combo offer, light theme
Home: popular dishes and the combo offer, light theme. The popular row with each dish on its own tile, price and add to cart button, and the combo offer below it with its price.
Home: popular dishes and the combo offer, dark theme
Home: popular dishes and the combo offer, dark theme. The popular row with each dish on its own tile, price and add to cart button, and the combo offer below it with its price.
عرض الموقع
مثالي لـ

ابنِ الطلب عبر الإنترنت لمطعمك مع Food Studio

مطاعم تستقبل الطلبات عبر الإنترنتعلامات البرغر والبيتزا والوجبات السريعةمطاعم لها عدة مطابخوكالات تبني موقع مطعممؤسسون يطلقون منتجا لطلب الطعامقوائم ثنائية اللغة بالعربية وRTL

المواصفات التقنية

إطار العمل

Next.js 16.3.6

إصدار React

React 19.3.0

التنسيق

Tailwind CSS 4.3.3

TypeScript

نعم

متجاوب

جوال، جهاز لوحي، سطح المكتب

فترة الدعم

Lifetime مشمول

نصيحة احترافية: تتضمن جميع القوالب وثائق شاملة لمساعدتك على البدء بسرعة.

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

ماذا أحصل عند شراء هذا القالب؟
الكود المصدري الكامل للحزمة التي تختارها، يُحمَّل من لوحتك الشخصية مباشرة بعد الدفع. فاتورة رسمية متاحة لكل عملية شراء.
هل يمكنني استخدامه في مشاريع تجارية أو لعملائي؟
نعم. كل قالب مدفوع يأتي برخصة تجارية تغطي عدداً غير محدود من المشاريع التجارية، بما في ذلك العمل الذي تسلمه لعملائك.
هل أحصل على تحديثات بعد الشراء؟
نعم. التحديثات مجانية، والإصدارات الجديدة تظهر في لوحتك حيث يمكنك إعادة تحميل كل ملفاتك في أي وقت.
هل الدعم مشمول؟
نعم. يجيب المساعد في هذه الصفحة خلال ثوانٍ، والدعم بالبريد الإلكتروني مضمن مع كل عملية شراء عبر support@aniq-ui.com مع رد خلال 4 ساعات.
هل يمكنني تجربته قبل الشراء؟
نعم. لهذا القالب عرض تجريبي كامل مرتبط أعلى هذه الصفحة، فتستطيع تصفح النسخة الحقيقية قبل أن تقرر.

جزء من قالب متكامل

قالب مطعم Next.js مع الطلب عبر الإنترنت ولوحة تحكم للمطبخ

هذا التطبيق جزء من قالب متكامل. يجمع القالب الكامل كل الأجزاء في عملية شراء واحدة.

عرض القالب الكامل

الأسعار

اختر الباقة التي تناسبك

دفعة واحدة مقابل الشيفرة المصدرية كاملة، لك أن تعدّلها وتطلقها كما تشاء.

كل شيء مشمول

الحزمة الكاملة

موقع الطلب + لوحة تحكم الفريق + واجهة API بـ NestJS مع TypeORM والمصادقة والدفع

ما تتضمنه الباقة

عند الشراء منفصلًا$277
توفّر$98
$179

أو اشترِ جزءًا واحدًا

موقع الطلب

موقع الطلب بـ Next.js 16 وحده. يقرأ بياناته من واجهة API الخاصة بـ Food Studio، التي تباع منفصلة باسم واجهة الخلفية API أو ضمن الحزمة الكاملة.

$79

لوحة تحكم الفريق

لوحة تحكم الفريق بـ Next.js 16 وحدها. تقرأ بياناتها من واجهة API الخاصة بـ Food Studio، التي تباع منفصلة باسم واجهة الخلفية API أو ضمن الحزمة الكاملة.

$99

واجهة الخلفية API

واجهة API بـ NestJS وحدها، مع TypeORM ومصادقة JWT والطلبات والدفع والمطابخ والمكافآت واستوديو الذكاء الاصطناعي وأدوات MCP وأداة بذر بأمر واحد

$99

مدفوعات آمنة ومحمية عبر Paddle

يصلك إيصال ضريبة القيمة المضافة على بريدك الإلكتروني بعد الشراء.

قوالب ذات صلة

قالب مطعم Next.js مع الطلب عبر الإنترنت ولوحة تحكم للمطبخ - Next.js مطاعم template preview - Aniq-UI

مطعم

$179
مطاعم
الحزمة الكاملة
جديد
ذكاء اصطناعي

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

عرض القالب
قالب لوحة تحكم إدارية للمطاعم بـ Next.js - Next.js مطاعم template preview - Aniq-UI

لوحة تحكم إدارية للمطاعم

$99
مطاعم
لوحة تحكم الفريق
جديد
ذكاء اصطناعي

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

عرض القالب
قالب عقارات Next.js مع لوحة تحكم للوكالة وتأثيث افتراضي بالذكاء الاصطناعي - Next.js قوالب العقارات Next.js template preview - Aniq-UI

عقارات

$179
قوالب العقارات Next.js
الحزمة الكاملة
جديد
ذكاء اصطناعي

Velra قالب عقارات متكامل بـ Next.js: موقع عام للشراء والإيجار ولوحة تحكم للوكالة لإدارة العقارات والعملاء المحتملين والمعاينات وواجهة API بـ NestJS وتأثيث افتراضي بالذكاء الاصطناعي، بالإنجليزية والعربية مع RTL.

عرض القالب
المزايا التقنية

مصممة لكل شاشة ولكل مستخدم

كل قالب مميز متجاوب وسهل الوصول وسريع ومُعرّف الأنواع منذ أول سطر، لتبدأ إطلاقك من كود جاهز للإنتاج.

01 · التخطيط

تصميم متجاوب

تخطيطات للجوال والأجهزة اللوحية وسطح المكتب من مجموعة مكونات واحدة، مع قائمة للجوال وأهداف لمس بارتفاع 44px.

اعرف المزيد: تصميم متجاوب

02 · للجميع

إمكانية الوصول

HTML دلالي وعناصر تحكم مُسمّاة وإطار تركيز ظاهر عند التنقل بلوحة المفاتيح ودعم تقليل الحركة.

اعرف المزيد: إمكانية الوصول

ميزات المستوى المؤسسي المضمنة

تجربة المطور

  • TypeScript 5.0+ مع فحص صارم للأنواع
  • بنية مكونات الخادم والعميل
  • دليل بدء سريع وتوثيق للميزات

تجربة المستخدم والأداء

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

الصيانة والدعم

  • الدعم مشمول مع شرائك
  • تحديثات منتظمة للأمان وإطار العمل
  • بنية دلالية محسنة لمحركات البحث
اقرأ دليل المطوّر
world map

مجتمع المستخدمين العالمي

انضم إلى آلاف المطورين في جميع أنحاء العالم الذين يثقون بـ Aniq-UI لمشاريعهم. يتم استخدام قوالبنا في جميع أنحاء العالم لإنشاء تجارب ويب مذهلة.

الرئيسيةالقوالبالمدونة
Aniq-uiAniq-ui

تفضيلات ملفات تعريف الارتباط

نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.