Vidéo de démonstration : Tableau de bord fitness et coaching Next.js avec assistant IA

Aniq UITemplates Next.js
21 août 2026Santé & FitnessPremium

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.

  • nextjs
  • nestjs
  • fitness
  • coaching
  • personal trainer
  • client management
  • gym
  • workout tracker

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

Kinora réunit les membres d'une salle et ses coachs dans un seul modèle fitness full-stack. Un tableau de bord Next.js donne aux membres leur entraînement, leur nutrition, leur sommeil, leur santé, leur progression et leur communauté, et donne aux coachs leur liste de clients, le travail qu'ils assignent et les bilans auxquels ils répondent. Un backend NestJS fournit les API d'authentification, de rôles et permissions, de données fitness, de coaching, de communauté et de notifications en direct.

Les membres mènent une séance depuis le tableau de bord : ils enregistrent chaque série avec la charge, les répétitions et le RPE pendant que la file, le minuteur de repos et les chiffres avancent, parcourent une bibliothèque d'exercices avec étapes de technique et plages de séries, et planifient les repas du jour sur une frise avec macros et hydratation. Les relevés d'activité, de sommeil et de santé sont saisis à la main ou écrits par un fournisseur d'objets connectés avec une clé de compte, et la progression rassemble mesures corporelles, photos, objectifs et réussites. Les coachs voient leurs propres clients, les plus silencieux d'abord, assignent un entraînement pour un jour donné et voient l'assiduité découler des séances que le client termine réellement, avec des bilans hebdomadaires et un fil de messages par client.

Un assistant IA sur Google Gemini répond aux membres sur leur journée et aux coachs sur leur liste de clients, en affichant des cartes et des graphiques tirés des données du compte lui-même via des outils MCP, avec des suggestions d'ouverture calculées à partir de la journée et trois questions de suivi après chaque réponse, avec votre propre clé API. Le tout est livré en anglais et en arabe avec des mises en page de droite à gauche, des thèmes clair et sombre, des données fictives dans le navigateur pour que le tableau de bord fonctionne avant que l'API soit en place, et une documentation d'installation avec un seeder pour SQLite et MySQL.

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.

Écrans de la démo

  • Member overview, light

    The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps

  • Member overview, dark

    The member's overview: activity rings, calories and macros, sleep, heart rate, upcoming workouts and daily steps

  • AI assistant, light

    The assistant before the first question, with the openers computed from the member's own day

  • AI assistant, dark

    The assistant before the first question, with the openers computed from the member's own day

  • 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

    The member asks how much water is left in the day; the assistant answers with the hydration gauge and the litres still to drink

Voir tous les écrans sur la page du template
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.