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


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.


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.






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


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.


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.


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


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.
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.
Les mêmes composants fonctionnent de droite à gauche, il n'y a donc pas de seconde mise en page à maintenir.


Next.js 16.3.6
React 19.3.0
Tailwind CSS 4.3.3
Oui
Mobile, Tablette, Bureau
Lifetime Inclus
Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.
Fait partie d'un template full-stack
Cette application fait partie d'un template full-stack. Le template complet réunit toutes les parties en un seul achat.
Voir le template completTarifs
Un seul paiement pour le code source complet, à modifier et déployer librement.

Tout inclus
Site de commande + dashboard d'équipe + API NestJS avec TypeORM, authentification et paiements
Ce qui est inclus
Ou achetez une seule partie

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.

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.
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
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 de dashboard d'administration pour restaurant Next.js
Dashboard d'équipe
$99

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.


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
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 Responsive02 · Inclusif
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é03 · Vitesse
Images et polices optimisées, données en cache et métadonnées sur chaque route.
En savoir plus: Haute Performance04 · Types
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 TypeScriptNous 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.