Premium

Tableau de bord fitness et coaching Next.js avec assistant IA

Full Stack

Le plus choisi

Tableau de bord membre et coach + API NestJS avec TypeORM et authentification

$179
Achat séparé : $198Économisez $19

Tableau de bord membre et coach

Le tableau de bord Next.js 16 seul, pour les membres, les coachs et l'équipe de la salle, avec des données fictives dans le navigateur pour fonctionner sans l'API

$99

API Backend

L'API NestJS seule, avec TypeORM, l'auth JWT, les modules fitness et coaching, les outils MCP et un seeder en une commande

$99

Vous travaillez pour des clients ?

Licence Agence

  • Tout le contenu Full Stack
  • Projets illimités
  • Support prioritaire par e-mail (48 h)
$599
* Facture commerciale disponible

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.

Two sides of one product: a member dashboard and a coach dashboard, over a NestJS APICoaching with a client roster, assigned workouts, compliance, and weekly check-insAI assistant, English and Arabic, light and dark themes
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
Tableau de bord fitness et coaching Next.js avec assistant IA - Next.js Dashboard template preview - Aniq-UI
Partager:

Kinora est une plateforme fitness et coaching full-stack : un tableau de bord Next.js depuis lequel les membres s'entraînent et les coachs gèrent leurs clients, au-dessus d'une API NestJS. Les coachs tiennent une liste de clients, assignent des entraînements et répondent aux bilans hebdomadaires ; les membres enregistrent des séances en direct, planifient leurs repas et suivent leur sommeil, leur santé et leur progression. Un assistant IA, l'anglais et l'arabe, et des thèmes clair et sombre sont inclus.

Démo membreDémo coach
Member dashboard, light
Member dashboard, light. The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps
Member dashboard, dark
Member dashboard, dark. The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps
Coach dashboard, light
Coach dashboard, light. The coaching overview: roster totals, clients needing attention, roster momentum, weekly check-ins, assigned work and gym accounts
Coach dashboard, dark
Coach dashboard, dark. The coaching overview: roster totals, clients needing attention, roster momentum, weekly check-ins, assigned work and gym accounts
Ouvrir le tableau de bord membreOuvrir le tableau de bord coach
Le pack

Construisez votre produit fitness autour de votre marque

Une base connectée pour une activité de coaching en ligne, l'application membre d'une salle ou une plateforme de bien-être, avec un code source que vous adaptez à votre projet. Le pack full-stack comprend le tableau de bord et l'API qui l'alimente.

Côté membre

  • Entraînements, un suivi de séance en direct et une bibliothèque d'exercices
  • Nutrition avec un planificateur de repas
  • Activité, sommeil, santé et progression
  • Groupes communautaires et défis

Côté coach et salle

  • Une liste de clients, les plus silencieux d'abord
  • Entraînements assignés, assiduité et bilans hebdomadaires
  • Membres, coachs, rôles et catalogue de contenu

Backend NestJS

  • Authentification, rôles et permissions
  • Données d'entraînement, de nutrition, de sommeil, de santé et de progression
  • Coaching, communauté et notifications en direct
Assistant IA

Un assistant IA qui sait qui pose la question

Les membres posent des questions sur leur propre journée, et les coachs sur leur liste de clients. L'assistant répond avec des cartes et des graphiques tirés des données du compte lui-même, puis propose trois questions de suivi.

AI assistant, light
AI assistant, light. The assistant before the first question, with the openers computed from the member's own day
AI assistant, dark
AI assistant, dark. The assistant before the first question, with the openers computed from the member's own day
AI assistant, hydration, light
AI assistant, hydration, light. The member asks how much water is left in the day; the assistant answers with the hydration gauge and the litres still to drink
AI assistant, hydration, dark
AI assistant, hydration, dark. The member asks how much water is left in the day; the assistant answers with the hydration gauge and the litres still to drink

Connecté par des outils MCP

Ses outils MCP appellent les mêmes services que le tableau de bord, et chaque compte ne reçoit que les outils que son rôle autorise.

  • Consultation de la liste de clients, des clients, de l'entraînement, de la nutrition, du sommeil et de la progression
  • Bilans hebdomadaires et assignations d'entraînement depuis la conversation
  • Des suggestions d'ouverture calculées à partir de la journée du lecteur, sans appel au modèle
  • Fonctionne sur Google Gemini, OpenAI ou DeepSeek avec votre propre clé API
AI assistant, the day, light
AI assistant, the day, light. Today's readings drawn as the dashboard's own cards: resting heart rate, energy, recovery and steps against the goal
AI assistant, the day, dark
AI assistant, the day, dark. Today's readings drawn as the dashboard's own cards: resting heart rate, energy, recovery and steps against the goal

Il répond avec les cartes du tableau de bord lui-même

Une question sur la semaine revient sous la forme de la carte que cet écran dessine déjà, et non d'un paragraphe qui la décrit.

  • Le sommeil en durée, score, heure du coucher et du réveil, chacun sur sa propre série de nuits
  • Les pas en graphique de la semaine, dessiné à l'intérieur de la réponse
  • Chaque chiffre identique à celui qu'affiche sa propre page
AI assistant, sleep, light
AI assistant, sleep, light. The week's sleep answered with duration, score, lights out and wake time, each over its own run of nights
AI assistant, sleep, dark
AI assistant, sleep, dark. The week's sleep answered with duration, score, lights out and wake time, each over its own run of nights
AI assistant, steps, light
AI assistant, steps, light. A question answered with a chart: steps by day across the week, drawn inside the conversation
AI assistant, steps, dark
AI assistant, steps, dark. A question answered with a chart: steps by day across the week, drawn inside the conversation

Et il sait de quelle semaine il s'agit

L'assistant lit le compte qui pose la question, si bien qu'un membre obtient son propre corps et son propre accompagnement plutôt qu'une réponse générale.

  • La composition corporelle lue comme une tendance, pas comme un chiffre sur une balance
  • Son coach, l'anneau d'assiduité et le plan des jours à venir
  • Trois questions de suivi, calculées à partir de ce qui vient d'être dit
AI assistant, body composition, light
AI assistant, body composition, light. Weight read as a direction rather than a number, with the body metrics behind it
AI assistant, body composition, dark
AI assistant, body composition, dark. Weight read as a direction rather than a number, with the body metrics behind it
AI assistant, coaching, light
AI assistant, coaching, light. The member's own coach, the compliance ring, and the plan for the days ahead
AI assistant, coaching, dark
AI assistant, coaching, dark. The member's own coach, the compliance ring, and the plan for the days ahead
Entraînement

Une séance que vous pouvez vraiment mener

La plupart des modèles de tableau de bord dessinent un entraînement. Celui-ci l'enregistre : saisissez une série et le tableau, la file et les chiffres avancent.

Live workout session, light
Live workout session, light. A running session: the set table with weight, reps and RPE, the elapsed and rest timers, the workout queue, previous performance and a coaching tip
Live workout session, dark
Live workout session, dark. A running session: the set table with weight, reps and RPE, the elapsed and rest timers, the workout queue, previous performance and a coaching tip

Un plan pour la semaine

L'entraînement du jour, la répartition hebdomadaire, le volume d'entraînement et les muscles ciblés, avec les séances qui les sous-tendent.

  • Tableau de séries éditable avec charge, répétitions et RPE
  • Chronomètre et minuteur de repos ancrés au serveur
  • Programmes d'entraînement avec inscription et planning hebdomadaire
  • Séances récentes avec durée et calories
Workout plan, light
Workout plan, light. Today's workout, the weekly split, training volume, muscle focus and recent sessions
Workout plan, dark
Workout plan, dark. Today's workout, the weekly split, training volume, muscle focus and recent sessions

Une bibliothèque d'exercices reliée au suivi de séance

  • Filtres par muscle, matériel et difficulté
  • Pages de détail avec étapes de technique et erreurs courantes
  • Plages de séries recommandées pour quatre objectifs, et alternatives
  • Ajouter à la séance place un mouvement dans la file du jour
Exercise library, light
Exercise library, light. A featured movement beside a library filtered by muscle, equipment and difficulty, with saved exercises and recent views
Exercise library, dark
Exercise library, dark. A featured movement beside a library filtered by muscle, equipment and difficulty, with saved exercises and recent views
Exercise detail, light
Exercise detail, light. Form steps, common mistakes, recommended set ranges for four goals, and alternatives
Exercise detail, dark
Exercise detail, dark. Form steps, common mistakes, recommended set ranges for four goals, and alternatives
Nutrition

Des repas planifiés à l'heure

Les repas du jour sur une frise, triés selon l'heure où ils sont pris, avec les calories face à l'objectif et les macros de chaque repas.

Meal planner, light
Meal planner, light. The day's meals on a timeline with macros per meal, the calorie target, macro progress, recommendations and grocery highlights
Meal planner, dark
Meal planner, dark. The day's meals on a timeline with macros per meal, the calorie target, macro progress, recommendations and grocery highlights

Calories, macros et eau

  • Une fiche d'ajout d'aliment avec macros et heure
  • Calories face à l'objectif et répartition des macros
  • Hydratation au verre, et apport hebdomadaire
  • Recommandations et liste de courses
Nutrition, light
Nutrition, light. Calories and macros, today's meals, hydration, weekly calorie intake and macro balance
Nutrition, dark
Nutrition, dark. Calories and macros, today's meals, hydration, weekly calorie intake and macro balance
Corps

Activité, sommeil, santé et progression

Chaque section est construite avec la même profondeur que l'entraînement, avec des chiffres qui comptent jusqu'à leur valeur, des graphiques qui se tracent et une infobulle qui suit le pointeur.

Activity, light
Activity, light. Steps, active time, calories and distance, this week against last, activity rings, the hourly heatmap and recent activities
Activity, dark
Activity, dark. Steps, active time, calories and distance, this week against last, activity rings, the hourly heatmap and recent activities
Sleep, light
Sleep, light. Duration, score, bedtime and wake time, sleep stages, the weekly trend, the schedule and recent nights
Sleep, dark
Sleep, dark. Duration, score, bedtime and wake time, sleep stages, the weekly trend, the schedule and recent nights

Un score de santé avec ses raisons

  • Pas, temps actif, calories et distance, avec une carte thermique horaire
  • Phases de sommeil, la tendance hebdomadaire et le planning
  • Un score de santé, les points à travailler et les essentiels du jour
  • Relevés saisis à la main ou écrits par un fournisseur d'objets connectés
Health, light
Health, light. A health score, what to focus on, the daily essentials against their goals, and health tips
Health, dark
Health, dark. A health score, what to focus on, the daily essentials against their goals, and health tips

Une progression visible

  • Mesures corporelles avec leur tendance
  • Photos avant et après avec mensurations
  • Un objectif avec sa date cible et son avancement
  • Réussites obtenues en chemin
Progress, light
Progress, light. Performance over the week, before and after photos, body metrics, progress by category and recent achievements
Progress, dark
Progress, dark. Performance over the week, before and after photos, body metrics, progress by category and recent achievements
Progress photos, light
Progress photos, light. Before and after side by side, with body measurements, goal progress, milestones and earlier checkpoints
Progress photos, dark
Progress photos, dark. Before and after side by side, with body measurements, goal progress, milestones and earlier checkpoints
Communauté

Une communauté autour de l'entraînement

Groupes, défis, discussions et événements, avec un classement des membres qui répondent présents.

Community, light
Community, light. Community figures, popular groups, open challenges and top contributors
Community, dark
Community, dark. Community figures, popular groups, open challenges and top contributors

Des réglages où chaque contrôle s'enregistre

  • Thème, couleur d'accent et animations, enregistrés sur le compte
  • Interrupteurs de notifications et de confidentialité, et un téléchargement de tout ce que le compte a enregistré
  • Sources de données d'appareils avec des clés créées et révoquées par compte
  • Une carte d'abonnement avec la formule et son historique de facturation
Settings, light
Settings, light. Profile summary, account settings, appearance with theme, accent and animations, privacy and data, notifications, connected devices and the subscription
Settings, dark
Settings, dark. Profile summary, account settings, appearance with theme, accent and animations, privacy and data, notifications, connected devices and the subscription
Bilingue

Commencez en anglais, en arabe, en clair et en sombre

Les interfaces en anglais et en arabe sont incluses, avec des mises en page de droite à gauche pour l'arabe et des thèmes clair et sombre sur chaque écran.

Sign in, light
Sign in, light. The sign-in page, with the demo member filled in by the link
Sign in, dark
Sign in, dark. The sign-in page, with the demo member filled in by the link

De droite à gauche, de bout en bout

Personnalisez l'image de marque et étendez les traductions pour votre public.

  • Mises en page écrites en propriétés logiques, qui se reflètent en arabe
  • Messages next-intl répartis par fonctionnalité et par langue
  • Un sélecteur d'accent qui reconstruit chaque token de couleur autour d'une teinte
  • Utilisez le sélecteur Clair / Sombre au-dessus des captures pour comparer chaque écran dans les deux thèmes
Member dashboard in Arabic, light
Member dashboard in Arabic, light. The member overview in Arabic, mirrored right to left
Member dashboard in Arabic, dark
Member dashboard in Arabic, dark. The member overview in Arabic, mirrored right to left
Coaching

La moitié que la plupart des modèles fitness laissent de côté

Les graphiques sont la partie facile. Ce qu'une salle vend, c'est la boucle entre un coach et la personne qui le suit, et chacune de ses étapes est là.

My clients, light
My clients, light. The coach's roster, quiet clients first, with each client's last session, plan compliance and sessions this week
My clients, dark
My clients, dark. The coach's roster, quiet clients first, with each client's last session, plan compliance and sessions this week

Assignez le travail, et voyez-le arriver

Le coach fixe un entraînement pour un jour. Le membre le voit avant tout ce qu'il a choisi lui-même, et il compte comme fait quand il en termine une séance.

  • Une liste des propres clients du coach, les plus silencieux d'abord
  • Travail assigné avec les états à venir, manqué et fait
  • Bilans hebdomadaires avec le poids, le ressenti de la semaine et une note, auxquels le coach répond
  • Un fil de messages par coach et client, livré en direct
Client page, light
Client page, light. One client's week: sessions and minutes, assigned work with its state, weekly check-ins with the coach's replies, and the form that assigns the next workout
Client page, dark
Client page, dark. One client's week: sessions and minutes, assigned work with its state, weekly check-ins with the coach's replies, and the form that assigns the next workout

Le même assistant, côté coach

Un coach interroge sa liste de clients et récupère cette liste: qui s'est entraîné, qui a décroché, et à qui écrire en premier.

  • L'assiduité de chaque client, classée par besoin d'attention
  • Des bilans et des assignations écrits depuis la conversation
  • Uniquement les outils autorisés par le rôle de coach, sur le même serveur MCP
AI assistant, coach, light
AI assistant, coach, light. The assistant answers a coach's question about the roster with a card per client, a short reading of the week and three follow-up questions
AI assistant, coach, dark
AI assistant, coach, dark. The assistant answers a coach's question about the roster with a card per client, a short reading of the week and three follow-up questions
Rôles

Donnez à chaque rôle les écrans dont il a besoin

Une seule table de comptes pour les membres et l'équipe. Les rôles d'un compte décident de ce qu'affiche sa barre latérale, et l'API applique les mêmes permissions.

Membres

  • Leur propre entraînement, nutrition, sommeil, santé et progression
  • Leur coach, leur plan et leurs bilans
  • Groupes communautaires et défis

Coachs

  • Leur propre liste de clients, et celle de personne d'autre
  • Travail assigné, bilans et messages
  • L'assistant, limité à leurs clients

Équipe de la salle

  • Membres, coachs et rôles de coach
  • Le catalogue : exercices, entraînements, programmes et plats
  • Communauté, défis, événements et récompenses
Members, light
Members, light. The back office's member list with totals, filters, verification status and join dates
Members, dark
Members, dark. The back office's member list with totals, filters, verification status and join dates
Content, light
Content, light. The catalogue gym staff manage: exercises, workouts, programs and dishes, with filters and actions
Content, dark
Content, dark. The catalogue gym staff manage: exercises, workouts, programs and dishes, with filters and actions

Le côté coach parle aussi arabe

Les deux rôles sont livrés dans les deux langues, si bien que les écrans de coaching se reflètent exactement comme ceux des membres.

  • La liste de clients, le détail d'un client et les formulaires d'assignation, tous de droite à gauche
  • Les mêmes composants, sans deuxième mise en page à maintenir
  • Le clair et le sombre des deux côtés du produit
Client roster in Arabic, light
Client roster in Arabic, light. The coach's roster in Arabic, with figures kept left to right
Client roster in Arabic, dark
Client roster in Arabic, dark. The coach's roster in Arabic, with figures kept left to right
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, Redux Toolkit pour le reste
  • React Hook Form et Zod pour les formulaires
  • next-intl pour la localisation

Backend

  • NestJS avec des modules par domaine
  • TypeORM avec SQLite pour le développement local
  • Prise en charge de MySQL par configuration
  • Authentification JWT avec rôles et permissions
  • Socket.io pour les notifications et les messages en direct

Expérience développeur

  • Documentation d'installation pour les deux applications
  • Dépendances épinglées en version exacte
  • Une seule couche API, consommée via des hooks de requête
  • Des données fictives dans le navigateur, pour que le tableau de bord fonctionne avant que l'API soit en place
Avant le lancement

Ce que vous configurez vous-même

Kinora est un modèle en code source, pas un abonnement d'hébergement géré. Configurez votre hébergement, votre base de données, votre stockage de médias et les services externes que vous choisissez d'utiliser.

Hébergement et données

  • Un hébergement pour le tableau de bord et l'API
  • SQLite, ou MySQL avec sa migration générée une fois
  • Stockage compatible S3 pour les photos de profil et de progression

Appareils

  • Un fournisseur d'objets connectés ou une passerelle qui écrit les relevés avec une clé de compte
  • Aucune connexion à une montre ou à un tracker n'est intégrée

IA

  • Votre propre clé API Google Gemini, OpenAI ou DeepSeek
  • Les frais du fournisseur ne sont pas inclus
Explorer

Explorez Kinora avant de construire

Connectez-vous en tant que membre ou coach, en mode clair et sombre. La page de connexion de la démo remplit un compte de démonstration pour vous, et les données de la démo sont reconstruites chaque jour. La démo comprend quelques messages gratuits de l'assistant, et vous pouvez ajouter votre propre clé Google Gemini, OpenAI ou DeepSeek pour continuer. Les captures utilisent des données d'exemple.

Démo membreDémo coach
Idéal pour

Construisez votre prochain produit fitness avec Kinora

Plateformes de coaching en ligneEntraîneurs personnels avec une liste de clientsSalles qui vendent du coaching en plus de l'abonnementApplications de fitness et de bien-êtreAgences qui construisent un produit fitness pour un clientPlateformes bilingues avec arabe et RTL

Spécifications Techniques

Framework

Next.js 16

Version de React

React 19

Style

Tailwind CSS 4

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

Modèle LMS Next.js avec IA et classes en direct - Next.js Education template preview - Aniq-UI
Education
Full Stack
Nouveau
IA
Clair et sombre

E-Learning

$179

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
Template E-Commerce Next.js avec Dashboard Admin - Next.js E-Commerce template preview - Aniq-UI
E-Commerce
Full Stack
Nouveau
IA

E-Commerce

$179

Template e-commerce Next.js 16 avec boutique, dashboard admin et API NestJS. Commande invité, auth JWT, essayage IA, anglais et arabe avec RTL.

Voir le Modèle
Modèle de tableau de bord Next.js avec assistant IA (Édition 2026) - Next.js Tableau de Bord template preview - Aniq-UI
Tableau de Bord
Full Stack
Nouveau
IA

Tableau de bord avec assistant IA

$149

Un tableau de bord admin complet avec Next.js 16, Tailwind CSS 4, TanStack Query et Framer Motion. Livré avec backend NestJS, TypeORM, auth JWT, RBAC, mises à jour WebSocket, assistant IA et support multilingue.

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

Nous Contacter

Une question sur un template ou votre achat ? Contactez-nous

Aniq-uiAniq-uiAniq-ui