En Développement

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.

Ordering website: home, menu, dish and combo pages, cart, checkout and order trackingMenu search with category, dietary and sort filters, and allergens on every dishCombo offers and a home page meal builder with a main, a side and a drink
Code source complet
Facture disponibleAprès l'achat, téléchargez une facture PDF et gérez vos informations de facturation (TVA, adresse de l'entreprise) à tout moment via le Portail client Paddle
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
Home: the hero, the order buttons and the category bar, light theme
Home: the hero, the order buttons and the category bar, 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.
Home: the hero, the order buttons and the category bar, dark theme
Home: the hero, the order buttons and the category bar, 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.

Dashboard overview: today's sales and the kitchen queue, light theme
Dashboard overview: today's sales and the kitchen queue, 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.
Dashboard overview: today's sales and the kitchen queue, dark theme
Dashboard overview: today's sales and the kitchen queue, 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 votre projet

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 projet commercial, y compris le travail livré à un client. Pour réutiliser le même template sur plusieurs projets, choisissez la licence Agence, qui couvre un nombre illimité de projets.
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.

Modèles Associés

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
Tableau de bord fitness et coaching Next.js avec assistant IA - Next.js Templates Santé et Fitness Next.js template preview - Aniq-UI

Fitness

$149
Templates Santé et Fitness Next.js
Full Stack
Nouveau
IA
Clair et sombre

Kinora est un modèle de coaching fitness Next.js full-stack avec backend NestJS, assistant IA, liste de clients, suivi de séance, planificateur de repas et arabe RTL.

Voir le Modèle
Modèle LMS Next.js avec IA et classes en direct - Next.js Education template preview - Aniq-UI

E-Learning

$179
Education
Full Stack
Nouveau
IA
Clair et sombre

Learnio est un modèle LMS Next.js full-stack avec backend NestJS, assistant IA, classes en direct, paiement Stripe, quiz, certificats et arabe RTL.

Voir le Modèle

Next.js Templates Avantages Techniques

Nos modèles React sont conçus avec une optimisation des performances, une intégration TypeScript et une architecture conviviale pour accélérer le développement de votre application web.

Design Responsive

Next.js Templates entièrement adaptatifs avec des points d'arrêt réactifs pour l'optimisation des écrans mobiles, tablettes et ordinateurs.

Accessibilité

HTML sémantique, attributs ARIA et navigation au clavier, conçus avec l'accessibilité à l'esprit.

Haute Performance

Construit sur l'App Router de Next.js avec des composants serveur et des ressources optimisées, pour des pages qui restent rapides en grandissant.

Support TypeScript

Architecture App Router de Next.js avec composants serveur pour réduire le JavaScript côté client et améliorer le temps d'interactivité.

Fonctionnalités de Niveau Entreprise Incluses:

Expérience Développeur

Boîte à outils de développement de niveau entreprise

  • TypeScript 5.0+ avec vérification stricte des types
  • Architecture de composants serveur et client
  • Documentation JSDoc complète

UX et Performance

Métriques d'expérience utilisateur optimisées

  • 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

Durabilité du projet à long terme

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

Toutes les Next.js Templates implémentent les patterns modernes de React 19, l'architecture App Router et l'optimisation des Web Vitals pour des performances favorables au SEO.

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.