Template restaurant Next.js avec commande en ligne et dashboard de cuisine
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.
Tout inclus
Full Stack
Site de commande + dashboard d'équipe + API NestJS avec TypeORM, authentification et paiements
Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
Paiement unique, mises à jour gratuites
Facture professionnelle avec votre numéro de TVA
Acheteurs Récents
Mises à jour en temps réel
Ce template est nouveau
Soyez le premier à l'acheter.
Pays Principaux
Basé sur les lieux d'achat
Aucun achat pour le moment
Les pays des acheteurs apparaîtront ici après la première vente.
Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
Paiement unique, mises à jour gratuites
Facture professionnelle avec votre numéro de TVA
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.
Partager:
Food Studio est un template restaurant full-stack : un site Next.js où les clients commandent en livraison ou à emporter et suivent leur commande, un dashboard Next.js où l'équipe gère les commandes, la carte et ses cuisines, et une API NestJS derrière les deux. Le paiement Stripe et PayPal, un studio IA pour les photos de plats, un assistant IA, et l'anglais et l'arabe avec RTL sont inclus.
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. The home page opens on the headline, a burger photograph, the order and menu buttons, three reasons to order and the category bar.
Dashboard sign-in, light theme. The staff dashboard's sign-in page, as a restaurant's own team sees it.
Dashboard sign-in, dark theme. The staff dashboard's sign-in page, as a restaurant's own team sees it.
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.
Le pack
La commande en ligne d'un restaurant dans une seule base de code
Une base connectée pour le site de commande d'un restaurant, une enseigne de vente à emporter avec plusieurs cuisines ou le projet client d'une agence, avec un code source que vous pouvez personnaliser. Le pack full-stack comprend le site, le dashboard d'équipe et l'API qui les sert.
Site de commande
Une carte avec recherche, filtres et allergènes
Pages de plats et de menus avec suppléments et instructions
Panier, paiement et suivi de commande
Comptes avec points de fidélité et plats enregistrés
Dashboard d'équipe
Les ventes du jour et la file de la cuisine
Des commandes qui avancent d'un statut à l'autre
Un éditeur de plats en anglais et en arabe
Studio IA, assistant, équipe et paramètres
API NestJS
Authentification de l'équipe et des clients, rôles et permissions
Prix, totaux et disponibilité décidés par le serveur
Stripe et PayPal avec webhooks signés
Un seeder qui construit un restaurant de démonstration complet
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. A contact form beside the restaurant's email and phone and every kitchen's address and opening hours.
La journée du restaurant
Un dashboard construit autour des commandes et de la cuisine
La vue d'ensemble s'ouvre sur le chiffre d'affaires du jour, les commandes, le panier moyen et les commandes en préparation comparés à la veille, avec le chiffre d'affaires au fil de la journée, la répartition par catégorie, les plats les plus populaires et la file de la cuisine. Une nouvelle commande l'actualise dès son arrivée.
Staff dashboard overview, light theme. Revenue, orders, average order value and orders in preparation against the previous day, the revenue chart through the day, the preparation queue and the category mix.
Staff dashboard overview, dark theme. Revenue, orders, average order value and orders in preparation against the previous day, the revenue chart through the day, the preparation queue and the category mix.
Des commandes avec leur chronologie
Chaque commande s'ouvre dans un panneau avec ses articles, le client, les totaux et la chronologie de chaque changement. Seules les étapes suivantes qui ont un sens sont proposées, et le serveur refuse toutes les autres.
Les commandes à emporter sautent l'étape de livraison
Un motif obligatoire pour annuler
Une notification dès qu'une commande arrive
Orders with the timeline of the selected order, light theme. Every order with its customer, total and status beside the selected order's details, items and timeline, and the control that moves it on.
Orders with the timeline of the selected order, dark theme. Every order with its customer, total and status beside the selected order's details, items and timeline, and the control that moves it on.
Un éditeur de plats en deux langues
Nom, description et ingrédients en anglais et en arabe, photos ou vidéo, catégorie, temps de préparation, allergènes et régimes, et des suppléments regroupés avec leur propre minimum, maximum et prix.
La disponibilité activée sur chaque ligne de la carte
Un stock facultatif qui refuse une commande impossible à servir
Listes des plats mis en avant, des meilleures ventes et des archives
Menu item editor, bilingual, light theme. Editing a dish in English and Arabic: name, description, price, category, preparation time, ingredients, extras, availability switches and allergens.
Menu item editor, bilingual, dark theme. Editing a dish in English and Arabic: name, description, price, category, preparation time, ingredients, extras, availability switches and allergens.
Menu management, light theme. Dishes with their price, preparation time, status and an availability switch on each row, with counts for published, unpublished, unavailable and featured dishes.
Menu management, dark theme. Dishes with their price, preparation time, status and an availability switch on each row, with counts for published, unpublished, unavailable and featured dishes.
Categories, light theme. Menu categories with their icons, status, dish counts and sort order.
Categories, dark theme. Menu categories with their icons, status, dish counts and sort order.
La page d'accueil, section par section
Les neuf sections de la page d'accueil s'activent ou se désactivent, montent ou descendent et se modifient sur place : l'en-tête, les catégories, les plats populaires, le menu, le composeur de repas, les ingrédients, la livraison, la fidélité et les questions.
Chaque texte en anglais et en arabe
Les plats populaires choisis dans la carte
Aucune modification de code pour réorganiser la page
Homepage sections, light theme. The nine sections of the home page in order, each switched on or off, moved up or down, and opened to edit what it says.
Homepage sections, dark theme. The nine sections of the home page in order, each switched on or off, moved up or down, and opened to edit what it says.
Les clients et leurs points
Chaque client avec ses coordonnées, ses points de fidélité et sa date d'inscription, filtrés par nom, téléphone, e-mail et date.
Une page de détail par client
Les clients supprimés mis à part et restaurables
Des points inscrits dans un registre pour chaque commande
Customers with their reward points, light theme. Customers with their email, phone, reward points, verification and join date, filtered by name, phone, email and date.
Customers with their reward points, dark theme. Customers with their email, phone, reward points, verification and join date, filtered by name, phone, email and date.
Une équipe avec des rôles et des cuisines
Propriétaires, managers et personnel de cuisine reçoivent chacun les permissions de leur rôle, et les rôles se modifient permission par permission. Un compte cuisine ne voit que les commandes de sa cuisine, sans les prix, et les fait passer de confirmée à prête.
Entrées de menu et actions masquées sans la permission
Rôles créés et modifiés depuis le dashboard
Chaque compte cuisine rattaché à une cuisine
Team with roles and kitchens, light theme. Staff members with their role (owner, manager or kitchen) and the kitchen each one works in.
Team with roles and kitchens, dark theme. Staff members with their role (owner, manager or kitchen) and the kitchen each one works in.
Des paramètres qui appartiennent au restaurant
Les cuisines placées sur une carte avec leurs horaires et codes postaux, les frais de livraison et de retrait, le minimum de commande, les règles de fidélité, les codes promo et les moyens de paiement proposés au paiement.
Un sélecteur d'emplacement sur une vraie carte
Des codes promo cumulables ou non avec la fidélité
La langue et le thème du dashboard
Settings: kitchens on a map, light theme. The restaurant's kitchens pinned on a real map, each with its hours, preparation time, open state, edit and delete.
Settings: kitchens on a map, dark theme. The restaurant's kitchens pinned on a real map, each with its hours, preparation time, open state, edit and delete.
L'IA pour la carte
Des photos et des fiches de plats sans studio photo
Le studio IA rédige le nom, la description et les détails d'un plat à partir d'une consigne ou de quatre photos au plus, et retravaille une photo de plat avec Google Gemini selon le cadrage, le fond et la lumière choisis.
Le détourage sur votre propre serveur
Détourer un plat s'exécute dans l'API avec un modèle local. Cela ne demande aucune clé et ne coûte rien par photo, et c'est ainsi que chaque plat de la carte repose sur sa propre tuile.
Un curseur avant et après sur chaque résultat
Des cadrages prédéfinis : visuel de carte, vue de dessus, gros plan ou détourage
Des clips facultatifs à partir d'une photo avec votre propre clé Higgsfield
AI studio for dish photos, light theme. A dish's photo with background removal on the server, background and lighting choices and a prompt for a restyled version.
AI studio for dish photos, dark theme. A dish's photo with background removal on the server, background and lighting choices and a prompt for a restyled version.
Un assistant qui connaît le restaurant
Demandez combien de commandes sont arrivées aujourd'hui ou quels plats se vendent le mieux cette semaine. L'assistant répond à partir des propres données du restaurant via des outils MCP, limités à ce que la personne qui demande peut voir, et trace un graphique quand la question porte sur une tendance.
Des modifications proposées avec un avant et après, appliquées une fois confirmées
Les modèles Google Gemini avec votre propre clé
Les mêmes 56 outils ouverts aux agents de code sur l'endpoint MCP
AI assistant answering a question, dark theme (clip). A question typed into the staff dashboard's assistant, answered from the restaurant's own orders with a revenue chart for the last 7 days.
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. 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. 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. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.
Arabic menu, dark theme. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.
Le dashboard en arabe
Les mêmes composants fonctionnent de droite à gauche, il n'y a donc pas de seconde mise en page à maintenir.
Des plats rédigés dans les deux langues depuis un seul éditeur
Graphiques, tableaux et menus inversés pour l'arabe
Des chiffres latins dans les deux langues
Arabic dashboard overview, right to left, light theme. The dashboard overview in Arabic: the sidebar on the right, the chart reversed and every figure in Latin digits.
Arabic dashboard overview, right to left, dark theme. The dashboard overview in Arabic: the sidebar on the right, the chart reversed and every figure in Latin digits.
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. The home page at phone width with the delivery address row and the bottom navigation.
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. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
Dish page on a phone, dark theme. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
Ce que vous obtenez
Tout pour le faire tourner, pas seulement les écrans
Le code source des trois apps, les données de départ et la documentation pour aller plus loin.
Code source
Le site, le dashboard d'équipe et l'API
TypeScript partout, avec des dépendances aux versions fixées
Une licence commerciale pour un nombre illimité de projets
Données
Un seeder avec 64 plats, 8 catégories et 4 cuisines
Six semaines de commandes, d'avis et de clients
Un propriétaire, un manager, un compte cuisine et un client
Docs et mode démo
Un démarrage rapide pour l'ensemble et pour chaque app
Un guide par module de l'API et un pour la marque de chaque frontend
Un mode démo pour les aperçus publics, désactivé par défaut et retiré en une commande
Sous le capot
Construisez sur une base full-stack familière
Next.js 16, React 19, TypeScript, Tailwind CSS 4 et un backend NestJS modulaire.
Frontend
Next.js 16 App Router, React 19, TypeScript
Tailwind CSS 4
TanStack Query pour les données de l'API
React Hook Form et Zod pour les formulaires
next-intl pour la traduction, MapLibre pour les cartes
Backend
NestJS avec un module par domaine
TypeORM avec SQLite, ou MySQL par configuration
Authentification JWT avec rôles et permissions
Socket.io pour les notifications en direct
Un serveur MCP protégé par une clé API
Référencement et médias
Métadonnées, hreflang, sitemap et règles robots
Données structurées de restaurant
Envois vers un dossier local ou un bucket Cloudflare R2
Avant le lancement
Ce que vous configurez vous-même
Food Studio est un template en code source, pas un service de commande géré. Configurez votre hébergement, votre base de données, le stockage des médias, vos comptes de paiement et les services externes que vous choisissez d'utiliser.
Hébergement et données
Un hébergement Node pour l'API et les deux apps Next.js
SQLite sur un disque persistant, ou MySQL
Un dossier persistant ou un bucket R2 pour les envois
Paiements et IA
Vos propres comptes Stripe et PayPal
Votre propre clé Google Gemini pour le studio et l'assistant
Les frais des prestataires et des paiements ne sont pas inclus
Non inclus
E-mails de confirmation de commande
Commande pour plus tard
Pourboires, lignes de taxes et paiement à la livraison
Formulaire d'avis sur le site
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. 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. 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.
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.
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
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.
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.
Template restaurant Next.js avec commande en ligne et dashboard de cuisine
Full Stack
$179
$179$277
Modèles Associés
Site de commande restaurant
$79
Restaurant
Site de commande
Nouveau
IA
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.
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.
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.
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.
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.
Une question sur un template ou votre achat ? Contactez-nous
Nom Complet
Adresse Email
Message
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.