Premium

Template de site de commande pour restaurant Next.js

Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.

Site de commande

Le site de commande Next.js 16 seul. Il lit ses données depuis l'API Food Studio, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.

$79
Ou obtenez tout avec Full Stack pour $179
  • Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
  • Paiement unique, mises à jour gratuites
  • Facture professionnelle avec votre numéro de TVA
  • Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
  • Paiement unique, mises à jour gratuites
  • Facture professionnelle avec votre numéro de TVA

Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.

Partager:

Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.

Démo du site
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.
Ouvrir le site
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.
La carte

Une carte où chacun trouve son repas

Recherche par nom, filtre par catégorie ou régime, tri par popularité, prix ou nom, et chaque plat s'ouvre sur ses ingrédients, ses allergènes et ses avis. Chaque plat est une photo détourée sur sa propre tuile, jamais recadrée.

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.

Des menus avec un choix pour chaque plat

Un menu a un prix unique et demande un plat, un accompagnement et une boisson. Remplacer un choix par un plus cher n'ajoute que la différence, et la page montre l'économie par rapport aux mêmes plats commandés séparément.

  • Les choix obligatoires vérifiés avant l'ajout au panier
  • Des suppléments indiqués en toutes lettres, jamais avec un signe plus
  • Les mêmes règles de prix sur la page et sur le serveur
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.

Un composeur de repas sur la page d'accueil

Les clients choisissent un plat, un accompagnement et une boisson sous forme de cartes et les voient réunis en un seul repas. Tant que personne n'y touche, le composeur passe d'une combinaison à l'autre, et Voir le repas ouvre le menu avec ces choix déjà faits.

  • Des plats tirés du menu configuré par l'équipe
  • Choisi et placé dans l'éditeur de la page d'accueil
  • Le même fonctionnement en arabe, de droite à gauche
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.
Panier et paiement

Du panier à la commande payée

Les clients choisissent la livraison ou le retrait, et la livraison est vérifiée selon les codes postaux, les horaires et le minimum de commande de la cuisine avant le paiement. Les codes promo, les frais et les remises de fidélité sont appliqués par le serveur, qui calcule chaque prix en centimes.

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.

Le paiement sur la page du prestataire

Le paiement envoie le client vers Stripe Checkout ou vers PayPal et confirme la commande à partir du webhook signé du prestataire, si bien que le site n'affiche jamais de champ de carte.

  • Une seule commande par paiement, même envoyé plusieurs fois
  • Un paiement de démonstration tant qu'aucun vrai prestataire n'est configuré
  • Le stock réservé pour une commande en attente et libéré si le paiement échoue
  • Une chronologie des statuts actualisée toutes les dix secondes
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.

Des comptes qui font revenir les clients

Un compte client garde le panier sur le serveur, les plats enregistrés, les adresses et chaque commande passée avec un bouton pour la recommander. Les invités peuvent toujours commander et suivre leur commande sans s'inscrire.

  • Un point par dollar, crédité à la livraison de la commande
  • 100 points donnent 5 $ de réduction, une fois par commande
  • Le panier et les plats enregistrés d'un invité conservés à la connexion
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.
Cuisines

Plusieurs cuisines, chacune avec sa zone

Chaque cuisine a ses horaires dans son propre fuseau horaire, service de nuit compris, et les codes postaux qu'elle livre. Une recherche par code postal indique au client si une cuisine livre chez lui, si elle est fermée en ce moment ou quelle autre cuisine peut prendre la commande, sur une vraie carte.

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.
Bilingue

Anglais et arabe, dans les deux sens

Chaque écran du site et du dashboard est écrit dans les deux langues et s'inverse pour l'arabe, et la carte elle-même est enregistrée dans les deux langues, avec les prix et les chiffres en chiffres latins.

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.
Responsive

Pensé pour le téléphone d'un client qui a faim

La carte, les pages de plats, le panier et le paiement sont conçus pour un écran étroit, avec l'adresse de livraison en haut et une barre de navigation en bas, à portée de pouce.

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.
Explorer

Explorez Food Studio avant de construire

Commandez sur le site en tant qu'invité, puis ouvrez le dashboard d'équipe, dont la page de connexion vous connecte avec votre propre compte de démonstration. Ce que vous modifiez dans le dashboard n'appartient qu'à vous, et les données de démonstration sont reconstruites chaque nuit. Dans la démo, les commandes sont réglées par des paiements de test, et le studio IA et l'assistant fonctionnent avec votre propre clé Google Gemini. Les captures utilisent des données d'exemple.

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.
Démo du site
Idéal pour

Construisez la commande en ligne de votre restaurant avec Food Studio

Restaurants qui prennent des commandes en ligneEnseignes de burgers, pizzas et vente à emporterRestaurants avec plusieurs cuisinesAgences qui créent le site d'un restaurantFondateurs qui lancent un produit de commande de repasCartes bilingues avec arabe et RTL

Spécifications Techniques

Framework

Next.js 16.3.6

Version de React

React 19.3.0

Style

Tailwind CSS 4.3.3

TypeScript

Oui

Responsive

Mobile, Tablette, Bureau

Période de Support

Lifetime Inclus

Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.

Questions fréquentes

Qu'est-ce que je reçois en achetant ce template ?
Le code source complet du pack choisi, téléchargé depuis votre tableau de bord personnel juste après le paiement. Une facture professionnelle est disponible pour chaque achat.
Puis-je l'utiliser pour des projets clients et commerciaux ?
Oui. Chaque template payant inclut une licence Commerciale qui couvre un nombre illimité de projets commerciaux, y compris le travail livré à vos clients.
Ai-je droit aux mises à jour après l'achat ?
Oui. Les mises à jour sont gratuites. Les nouvelles versions apparaissent dans votre tableau de bord, où vous pouvez retélécharger vos fichiers à tout moment.
Le support est-il inclus ?
Oui. L'assistant de cette page répond en quelques secondes, et le support par e-mail est inclus avec chaque achat, à l'adresse support@aniq-ui.com, avec une réponse sous 4 heures.
Puis-je l'essayer avant d'acheter ?
Oui. Ce template a une démo complète en ligne, liée en haut de cette page, pour parcourir la vraie version avant de décider.

Fait partie d'un template full-stack

Template restaurant Next.js avec commande en ligne et dashboard de cuisine

Cette application fait partie d'un template full-stack. Le template complet réunit toutes les parties en un seul achat.

Voir le template complet

Tarifs

Choisissez votre formule

Un seul paiement pour le code source complet, à modifier et déployer librement.

Tout inclus

Full Stack

Site de commande + dashboard d'équipe + API NestJS avec TypeORM, authentification et paiements

Ce qui est inclus

Acheté séparément$277
Vous économisez$98
$179

Ou achetez une seule partie

Site de commande

Le site de commande Next.js 16 seul. Il lit ses données depuis l'API Food Studio, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.

$79

Dashboard d'équipe

Le dashboard d'équipe Next.js 16 seul. Il lit ses données depuis l'API Food Studio, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.

$99

API Backend

L'API NestJS seule, avec TypeORM, l'auth JWT, les commandes, les paiements, les cuisines, la fidélité, le studio IA, les outils MCP et un seeder en une commande

$99

Paiements sûrs et sécurisés par Paddle

Un reçu de TVA vous est envoyé par e-mail après l'achat.

Modèles Associés

Template restaurant Next.js avec commande en ligne et dashboard de cuisine - Next.js Restaurant template preview - Aniq-UI

Restaurant

$179
Restaurant
Full Stack
Nouveau
IA

Food Studio est un template restaurant Next.js full-stack : un site de commande avec la carte, les menus, le panier, le paiement et le suivi de commande, un dashboard d'équipe pour les commandes, la carte et les cuisines, une API NestJS, des outils IA pour les photos de plats, et l'anglais et l'arabe avec RTL.

Voir le Modèle
Template de dashboard d'administration pour restaurant Next.js - Next.js Restaurant template preview - Aniq-UI

Dashboard admin restaurant

$99
Restaurant
Dashboard d'équipe
Nouveau
IA

Un dashboard d'administration pour restaurant en Next.js 16 pour gérer les commandes, le menu, les catégories, les clients, les cuisines et l'équipe, avec un studio IA pour les photos de plats, en anglais et en arabe.

Voir le Modèle
Template immobilier Next.js avec dashboard d'agence et home staging IA - Next.js Templates Immobilier Next.js template preview - Aniq-UI

Immobilier

$179
Templates Immobilier Next.js
Full Stack
Nouveau
IA

Velra est un template immobilier Next.js full-stack : un site public pour acheter et louer, un dashboard d'agence pour les biens, les prospects et les visites, une API NestJS, le home staging virtuel par IA, et l'anglais et l'arabe avec RTL.

Voir le Modèle
Avantages techniques

Conçus pour chaque écran et chaque utilisateur

Chaque template premium est responsive, accessible, rapide et typé dès le premier commit, pour lancer votre projet sur un code prêt pour la production.

01 · Mise en page

Design Responsive

Des mises en page mobile, tablette et bureau à partir d'un seul jeu de composants, avec un menu mobile et des zones tactiles de 44px.

En savoir plus: Design Responsive

02 · Inclusif

Accessibilité

HTML sémantique, contrôles étiquetés, anneau de focus visible au clavier et prise en charge du mouvement réduit.

En savoir plus: Accessibilité

04 · Types

Support TypeScript

TypeScript strict dans chaque application, avec des props, des réponses d'API et des modèles de données typés.

En savoir plus: Support TypeScript

Fonctionnalités de Niveau Entreprise Incluses

Expérience Développeur

  • TypeScript 5.0+ avec vérification stricte des types
  • Architecture de composants serveur et client
  • Guide de démarrage rapide et documentation des fonctionnalités

UX et Performance

  • Système de design responsive mobile-first
  • Balisage accessible avec ARIA et navigation au clavier
  • Rendu rapide grâce aux composants serveur et aux ressources optimisées

Maintenance et Support

  • Support inclus avec votre achat
  • Mises à jour régulières de sécurité et du framework
  • Structure sémantique optimisée pour le SEO
Lire le guide du développeur
world map

Communauté Mondiale d'Utilisateurs

Rejoignez des milliers de développeurs à travers le monde qui font confiance à Aniq-UI pour leurs projets. Nos modèles sont utilisés partout dans le monde pour créer des expériences web impressionnantes.

AccueilModèlesBlog
Aniq-uiAniq-ui

Préférences des Cookies

Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.