Template restaurant Next.js : commande en ligne et dashboard cuisine

Premium

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.

Full Stack

Site de commande, Dashboard d'équipe et API Backend

Prix d’origine : $149, $104.30 (Prix en BRL : Prix d’origine : R$747, R$522.90)

Prix de lancement · 30% de réduction pour les 3 premiers acheteurs

+ IOF (3,5 %) · Payez par Pix ou cartePayez en reais par Pix ou carte. Le Brésil ajoute 3,5 % de taxe IOF au paiement.

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

Lire la documentation
Utiliser avec l’IAReplit, Lovable, Claude Code, Cursor et d’autresBesoin d’une seule partie ? À partir de ⁦$27.30⁩ (Prix en BRL : Besoin d’une seule partie ? À partir de ⁦R$137.90⁩)Offre groupéeÉconomisez 78 %Obtenez les 10 modèles pour $199 Prix d’origine : $499, (Prix en BRL : Obtenez les 10 modèles pour R$995.80 Prix d’origine : R$2,497, )Inclus dans le pack de 10 modèlesEnviron $20 par modèle (Prix en BRL : Environ R$100 par modèle)Voir le pack
  • Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
  • Paiement unique, mises à jour gratuites
  • Facture professionnelle avec votre numéro de TVA

Du nouveau chez Aniq-ui

Suivre sur X
Aniq-ui @aniq_ui_pro · 13 janv. 2026Voir sur X

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support.

198,9 k vues198 reposts2,9 k j'aime2,5 k signets
Aniq-ui @aniq_ui_pro · 20 janv. 2026Voir sur X

Next.js SaaS Template (2026 Edition) built with - Next.js 16 & React 19 - Tailwind CSS 4 - Framer Motion - Next-intl (RTL support) Comes with Dark-themed design, i18n (EN + AR), Pricing pages, Blog, Auth pages, Charts & animations.

107,8 k vues133 reposts1,4 k j'aime1,4 k signets
Aniq-ui @aniq_ui_pro · 9 janv. 2026Voir sur X

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D

49,3 k vues63 reposts802 j'aime778 signets
Aniq-ui @aniq_ui_pro · 15 déc. 2025Voir sur X

SaaS Landing Page With Multilingual Support! built with - Next.js 16. - Tailwind CSS 4. - React 19. - Framer Motion. Comes with next-intl i18n, WebGL effects, animated globe, GSAP animations, React Hook Form, Zod validation, and RTL support.

19,1 k vues19 reposts269 j'aime280 signets
Regarder la vidéo
  • 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.

Démo du siteDémo du dashboard d'équipe
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.
Dashboard sign-in, light theme
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
Dashboard sign-in, dark theme. The staff dashboard's sign-in page, as a restaurant's own team sees it.
Ouvrir le siteOuvrir le dashboard d'équipe
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
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.
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
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
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
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
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
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
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
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
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
Categories, light theme. Menu categories with their icons, status, dish counts and sort order.
Categories, dark theme
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
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
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 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 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
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
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
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
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
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
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
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.

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
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
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
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.
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
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 siteDémo du dashboard d'équipe
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 24 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

Ce qui est inclus

Acheté séparément$130.90 (Prix en BRL : R$658.70)
Vous économisez$26.60 (Prix en BRL : R$135.80)

Prix de lancement · 30% de réduction

Prix d’origine : $149, $104.30 (Prix en BRL : Prix d’origine : R$747, R$522.90)

Ou achetez une seule partie

Site de commande

Le site de commande Next.js 16 seul. Il fonctionne d'emblée sur des données d'exemple intégrées, et lit vos propres données depuis l'API Food Studio, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.

Prix de lancement · 30% de réduction

Prix d’origine : $39, $27.30 (Prix en BRL : Prix d’origine : R$197, R$137.90)

Dashboard d'équipe

Le dashboard d'équipe Next.js 16 seul. Il fonctionne d'emblée sur des données d'exemple intégrées, et lit vos propres données depuis l'API Food Studio, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.

Prix de lancement · 30% de réduction

Prix d’origine : $49, $34.30 (Prix en BRL : Prix d’origine : R$247, R$172.90)

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

Prix de lancement · 30% de réduction

Prix d’origine : $99, $69.30 (Prix en BRL : Prix d’origine : R$497, R$347.90)

Inclus dans le pack de 10 modèlesEnviron $20 par modèle (Prix en BRL : Environ R$100 par modèle)

Obtenez les 10 modèles pour $199 (Prix en BRL : Obtenez les 10 modèles pour R$995.80)

Voir le pack

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 SaaS Next.js avec espaces de travail, facturation et assistant IA - Next.js Tableau de Bord template preview - Aniq-UITemplate SaaS Next.js avec espaces de travail, facturation et assistant IA - Next.js Tableau de Bord template preview - Aniq-UI

Starter SaaS

Prix d’origine : $149, $104.30 (Prix en BRL : Prix d’origine : R$747, R$522.90)
Tableau de Bord
Full Stack
Nouveau
IA

Northstack est un starter SaaS Next.js full-stack : un site avec tarifs, documentation et un vrai paiement de licences, un dashboard d'espaces de travail multi-tenant avec projets, rôles, facturation et assistant IA, une administration de la plateforme, une API NestJS avec un serveur MCP, et l'anglais et l'arabe avec RTL.

Voir le Modèle
Template de site SaaS Next.js avec paiement de licences - Next.js Tableau de Bord template preview - Aniq-UI

Site SaaS

Prix d’origine : $39, $27.30 (Prix en BRL : Prix d’origine : R$197, R$137.90)
Tableau de Bord
Site SaaS
Nouveau
IA

Un site SaaS Next.js 16 avec une page d'accueil Bauhaus, des tarifs en licences à paiement unique, un paiement de licences via Stripe, PayPal ou un paiement test, une documentation, un journal, un changelog et un formulaire de contact, en anglais et en arabe. Il fonctionne avec l'API Northstack ou seul sur des données d'exemple intégrées.

Voir le Modèle
Template de dashboard SaaS Next.js avec espaces, rôles et facturation - Next.js Tableau de Bord template preview - Aniq-UI

Dashboard SaaS d'espace de travail

Prix d’origine : $49, $34.30 (Prix en BRL : Prix d’origine : R$247, R$172.90)
Tableau de Bord
Dashboard d'espace de travail
Nouveau
IA

Un dashboard SaaS Next.js 16 avec inscription, onboarding et invitations, des espaces de travail multi-tenant avec projets et tableaux de tâches, une matrice de rôles modifiable, une facturation avec Stripe ou un paiement test, des clés API, un journal d'activité, un assistant IA et une administration de la plateforme, en anglais et en arabe. Il fonctionne avec l'API Northstack ou seul sur des données d'exemple intégrées.

Voir le Modèle
Newsletter

Soyez prévenu quand un nouveau template sort

Soyez le premier informé de la sortie d'un nouveau template.

  • Nouveaux templates publiés
  • Voyez ce qui se prépare et votez
  • Sorties gratuites et premium
  • Désinscription en un clic

Bientôt disponible

Votez pour le prochain template
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.

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.