Premium

Panel de fitness y coaching Next.js con asistente de IA

Full Stack

El más elegido

Panel de miembros y coaches + API NestJS con TypeORM y autenticación

$179
Por separado: $198Ahorra $19

Panel de miembros y coaches

El panel en Next.js 16 por separado, para miembros, coaches y personal del gimnasio, con datos simulados en el navegador para funcionar sin la API

$99

API Backend

La API NestJS por separado, con TypeORM, auth JWT, los módulos de fitness y coaching, herramientas MCP y un seeder de un comando

$99

¿Creas para clientes?

Licencia Agencia

  • Todo lo de Full Stack
  • Proyectos ilimitados
  • Soporte prioritario por correo (48 h)
$599
* Factura comercial disponible

Kinora es una plantilla de coaching fitness Next.js full-stack con backend NestJS, asistente de IA, lista de clientes, registro de entrenamientos, planificador de comidas y árabe 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
Código fuente completo
Factura disponibleTras la compra, descarga una factura en PDF y gestiona los datos de facturación (NIF/CIF, dirección de empresa) en cualquier momento desde el Portal de clientes de Paddle
Panel de fitness y coaching Next.js con asistente de IA - Next.js Dashboard template preview - Aniq-UI
Compartir:

Kinora es una plataforma de fitness y coaching full-stack: un panel en Next.js desde el que los miembros entrenan y los coaches gestionan a sus clientes, sobre una API NestJS. Los coaches llevan una lista de clientes, asignan entrenamientos y responden a los check-ins semanales; los miembros registran sesiones en vivo, planifican comidas y siguen su sueño, su salud y su progreso. Incluye un asistente de IA, inglés y árabe, y temas claro y oscuro.

Demo de miembroDemo de 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
Abrir el panel del miembroAbrir el panel del coach
El paquete

Construye tu producto fitness alrededor de tu marca

Una base conectada para un negocio de coaching en línea, la app para miembros de un gimnasio o una plataforma de bienestar, con código fuente que adaptas a tu proyecto. El paquete full-stack incluye el panel y la API que lo respalda.

Lado del miembro

  • Entrenamientos, un registro de sesiones en vivo y una biblioteca de ejercicios
  • Nutrición con un planificador de comidas
  • Actividad, sueño, salud y progreso
  • Grupos de comunidad y retos

Lado del coach y del gimnasio

  • Una lista de clientes, primero los más inactivos
  • Entrenamientos asignados, cumplimiento y check-ins semanales
  • Miembros, coaches, roles y el catálogo de contenido

Backend NestJS

  • Autenticación, roles y permisos
  • Datos de entrenamiento, nutrición, sueño, salud y progreso
  • Coaching, comunidad y notificaciones en vivo
Asistente de IA

Un asistente de IA que sabe quién pregunta

Los miembros preguntan por su propio día, y los coaches por su lista de clientes. El asistente responde con tarjetas y gráficos sacados de los datos de la propia cuenta y luego ofrece tres preguntas de seguimiento.

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

Conectado mediante herramientas MCP

Sus herramientas MCP llaman a los mismos servicios que usa el panel, y cada cuenta recibe solo las herramientas que su rol permite.

  • Consultas de lista de clientes, clientes, entrenamiento, nutrición, sueño y progreso
  • Check-ins semanales y asignación de entrenamientos desde la conversación
  • Sugerencias iniciales calculadas a partir del día del propio lector, sin llamar al modelo
  • Funciona con Google Gemini, OpenAI o DeepSeek, con tu propia clave de 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

Responde con las propias tarjetas del panel

Una pregunta sobre la semana vuelve como la tarjeta que esa pantalla ya dibuja, no como un párrafo que la describe.

  • El sueño como duración, puntuación, hora de apagar la luz y de despertar, cada uno sobre su propia serie de noches
  • Los pasos como gráfico de la semana, dibujado dentro de la respuesta
  • Cada cifra igual a la que muestra su propia página
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

Y sabe de quién es la semana

El asistente lee la cuenta que pregunta, así que un miembro obtiene su propio cuerpo y su propio acompañamiento en lugar de una respuesta general.

  • La composición corporal leída como una tendencia, no como un número en la báscula
  • Su coach, el anillo de cumplimiento y el plan de los próximos días
  • Tres preguntas de seguimiento, calculadas a partir de lo que se acaba de decir
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
Entrenamiento

Una sesión que de verdad puedes hacer

La mayoría de las plantillas de panel dibujan un entrenamiento. Esta lo registra: escribe una serie y la tabla, la cola y las cifras avanzan.

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 para la semana

El entrenamiento de hoy, la división semanal, el volumen de entrenamiento y el enfoque muscular, con las sesiones que hay detrás.

  • Tabla de series editable con peso, repeticiones y RPE
  • Cronómetro y temporizador de descanso anclados al servidor
  • Programas de entrenamiento con inscripción y calendario semanal
  • Sesiones recientes con duración y calorías
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

Una biblioteca de ejercicios conectada al registro

  • Filtros por músculo, equipamiento y dificultad
  • Páginas de detalle con pasos de técnica y errores comunes
  • Rangos de series recomendados para cuatro objetivos, y alternativas
  • Añadir al entrenamiento pone un movimiento en la cola de hoy
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
Nutrición

Comidas planificadas por hora

Las comidas del día en una línea de tiempo, ordenadas por la hora en que se toman, con las calorías frente al objetivo y los macros de cada comida.

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

Calorías, macros y agua

  • Una hoja para registrar comida con macros y hora
  • Calorías frente al objetivo y el reparto de macros
  • Hidratación por vasos, e ingesta semanal
  • Recomendaciones y una lista de la compra
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
Cuerpo

Actividad, sueño, salud y progreso

Cada sección está construida con la misma profundidad que el entrenamiento, con cifras que cuentan hacia arriba, gráficos que se dibujan y un tooltip que sigue al puntero.

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

Una puntuación de salud con sus motivos

  • Pasos, tiempo activo, calorías y distancia, con un mapa de calor por horas
  • Fases del sueño, la tendencia semanal y el horario
  • Una puntuación de salud, en qué centrarse y los esenciales diarios
  • Lecturas registradas a mano o escritas por un proveedor de dispositivos
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

Un progreso que se ve

  • Métricas corporales con su tendencia
  • Fotos de antes y después con medidas
  • Una meta con su fecha objetivo y cuánto se ha avanzado
  • Logros conseguidos por el camino
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
Comunidad

Una comunidad alrededor del entrenamiento

Grupos, retos, debates y eventos, con una clasificación de los miembros que no faltan.

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

Ajustes donde cada control se guarda

  • Tema, color de acento y animaciones, guardados en la cuenta
  • Interruptores de notificaciones y privacidad, y una descarga de todo lo que la cuenta ha registrado
  • Fuentes de datos de dispositivos con claves creadas y revocadas por cuenta
  • Una tarjeta de suscripción con el plan y su historial de facturación
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
Bilingüe

Empieza con inglés, árabe, claro y oscuro

Se incluyen interfaces en inglés y árabe, con diseño de derecha a izquierda para el árabe y temas claro y oscuro en cada pantalla.

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 derecha a izquierda, de principio a fin

Personaliza la marca y amplía las traducciones para tu público.

  • Diseños escritos con propiedades lógicas, que se reflejan en árabe
  • Mensajes de next-intl divididos por funcionalidad e idioma
  • Un selector de acento que reconstruye cada token de color alrededor de un tono
  • Usa el selector Claro / Oscuro sobre las capturas para comparar cada pantalla en ambos temas
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 mitad que la mayoría de las plantillas de fitness deja fuera

Los gráficos son la parte fácil. Lo que vende un gimnasio es el ciclo entre un coach y la persona que lo sigue, y cada paso de ese ciclo está aquí.

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

Asigna el trabajo y míralo llegar

El coach fija un entrenamiento para un día. El miembro lo ve por delante de todo lo que eligió él, y cuenta como hecho cuando termina una sesión de ese entrenamiento.

  • Una lista de los propios clientes del coach, primero los más inactivos
  • Trabajo asignado con estados próximo, perdido y hecho
  • Check-ins semanales con peso, cómo fue la semana y una nota, respondidos por el coach
  • Un hilo de mensajes por coach y cliente, entregado en vivo
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

El mismo asistente, del lado del coach

Un coach pregunta por su lista de clientes y recibe esa lista: quién entrenó, quién se quedó atrás y a quién escribir primero.

  • El cumplimiento de cada cliente, ordenado por quién necesita atención
  • Check-ins y asignaciones escritos desde la conversación
  • Solo las herramientas que permite el rol de coach, en el mismo servidor 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
Roles

Da a cada rol las pantallas que necesita

Una sola tabla de cuentas para miembros y personal. Los roles de una cuenta deciden qué muestra su barra lateral, y la API aplica los mismos permisos.

Miembros

  • Su propio entrenamiento, nutrición, sueño, salud y progreso
  • Su coach, su plan y sus check-ins
  • Grupos de comunidad y retos

Coaches

  • Su propia lista de clientes y la de nadie más
  • Trabajo asignado, check-ins y mensajes
  • El asistente, limitado a sus clientes

Personal del gimnasio

  • Miembros, coaches y roles de coach
  • El catálogo: ejercicios, entrenamientos, programas y platos
  • Comunidad, retos, eventos y premios
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

El lado del coach también habla árabe

Ambos roles se entregan en los dos idiomas, así que las pantallas de coaching se reflejan igual que las de los miembros.

  • La lista de clientes, el detalle de un cliente y los formularios de asignación, todos de derecha a izquierda
  • Los mismos componentes, sin una segunda maquetación que mantener
  • Claro y oscuro en ambos lados del producto
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
Bajo el capó

Construye sobre una base full-stack conocida

Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.

Frontend

  • Next.js 16 App Router, React 19, TypeScript
  • Tailwind CSS 4
  • TanStack Query para los datos de la API, Redux Toolkit para el resto
  • React Hook Form y Zod para los formularios
  • next-intl para la localización

Backend

  • NestJS con módulos por dominio
  • TypeORM con SQLite para desarrollo local
  • Compatibilidad con MySQL mediante configuración
  • Autenticación JWT con roles y permisos
  • Socket.io para notificaciones y mensajes en vivo

Experiencia de desarrollo

  • Documentación de instalación para ambas aplicaciones
  • Dependencias fijadas a versión exacta
  • Una sola capa de API, consumida mediante hooks de consulta
  • Datos simulados en el navegador, para que el panel funcione antes de que la API esté en marcha
Antes de lanzar

Lo que configuras tú

Kinora es una plantilla de código fuente, no una suscripción de alojamiento gestionado. Configura tu alojamiento, tu base de datos, tu almacenamiento de medios y los servicios externos que decidas usar.

Alojamiento y datos

  • Un alojamiento para el panel y la API
  • SQLite, o MySQL con su migración generada una vez
  • Almacenamiento compatible con S3 para fotos de perfil y de progreso

Dispositivos

  • Un proveedor de dispositivos o un puente que escriba las lecturas con una clave de cuenta
  • No incluye integración con relojes ni rastreadores de actividad

IA

  • Tu propia clave de API de Google Gemini, OpenAI o DeepSeek
  • Los costes del proveedor no están incluidos
Explora

Explora Kinora antes de construir

Inicia sesión como miembro o como coach, en modo claro y oscuro. La página de inicio de sesión de la demo rellena una cuenta de demostración por ti, y los datos de la demo se reconstruyen cada día. La demo incluye algunos mensajes gratuitos del asistente, y puedes añadir tu propia clave de Google Gemini, OpenAI o DeepSeek para continuar. Las capturas usan datos de ejemplo.

Demo de miembroDemo de coach
Ideal para

Construye tu próximo producto fitness con Kinora

Plataformas de coaching en líneaEntrenadores personales con cartera de clientesGimnasios que venden coaching junto con la membresíaAplicaciones de fitness y bienestarAgencias que construyen un producto fitness para un clientePlataformas bilingües con árabe y RTL

Especificaciones Técnicas

Framework

Next.js 16

Versión de React

React 19

Estilo

Tailwind CSS 4

TypeScript

Sí

Responsivo

Móvil, Tableta, Escritorio

Período de Soporte

Lifetime Incluido

Consejo Pro: Todas las plantillas incluyen documentación completa para ayudarte a comenzar rápidamente.

Preguntas frecuentes

¿Qué recibo al comprar esta plantilla?
El código fuente completo del paquete que elijas, descargado desde tu panel personal justo después del pago. Hay una factura de empresa disponible para cada compra.
¿Puedo usarla en proyectos comerciales o de clientes?
Sí. Cada plantilla de pago incluye una licencia Comercial que cubre un proyecto comercial, incluido el trabajo que entregues a un cliente. Para reutilizar la misma plantilla en varios proyectos, elige la licencia de Agencia, que cubre proyectos ilimitados.
¿Recibo actualizaciones después de comprar?
Sí. Las actualizaciones son gratuitas. Las nuevas versiones aparecen en tu panel, donde puedes volver a descargar tus archivos en cualquier momento.
¿Incluye soporte?
Sí. El asistente de esta página responde en segundos y el soporte por correo está incluido en cada compra, en support@aniq-ui.com, con respuesta en 4 horas.
¿Puedo probarla antes de comprar?
Sí. Esta plantilla tiene una demo completa en línea, enlazada arriba en esta página, para recorrer la versión real antes de decidir.

Plantillas Relacionadas

Plantilla LMS Next.js con IA y clases en vivo - Next.js Education template preview - Aniq-UI
Education
Full Stack
Nuevo
IA
Claro y oscuro

E-Learning

$179

Learnio es una plantilla LMS Next.js full-stack con backend NestJS, asistente de IA, clases en vivo, pago con Stripe, cuestionarios, certificados y árabe RTL.

Ver Plantilla
Plantilla E-Commerce Next.js con Panel de Administración - Next.js E-Commerce template preview - Aniq-UI
E-Commerce
Full Stack
Nuevo
IA

E-Commerce

$179

Plantilla e-commerce Next.js 16 con tienda, panel admin y API NestJS. Compra como invitado, auth JWT, probador con IA, inglés y árabe con RTL.

Ver Plantilla
Plantilla de dashboard Next.js con asistente de IA (Edición 2026) - Next.js Panel template preview - Aniq-UI
Panel
Full Stack
Nuevo
IA

Dashboard con asistente de IA

$149

Panel admin completo con Next.js 16, Tailwind CSS 4, TanStack Query y Framer Motion. Incluye backend NestJS, TypeORM, auth JWT, RBAC, actualizaciones WebSocket, asistente IA y soporte multilingüe.

Ver Plantilla

Next.js Templates Ventajas Técnicas

Nuestras plantillas React están diseñadas con optimización de rendimiento, integración de TypeScript y arquitectura amigable para desarrolladores para acelerar el desarrollo de su aplicación web.

Diseño Responsivo

Next.js Templates totalmente adaptables con puntos de interrupción responsivos para optimización de visualización en móviles, tabletas y escritorio.

Accesibilidad

HTML semántico, atributos ARIA y navegación por teclado, construidos pensando en la accesibilidad.

Alto Rendimiento

Construida sobre el App Router de Next.js con componentes de servidor y recursos optimizados, para que las páginas sigan siendo rápidas al crecer.

Soporte TypeScript

Arquitectura App Router de Next.js con componentes de servidor para reducir JavaScript del lado del cliente y métricas más rápidas de tiempo para interactividad.

Características de Nivel Empresarial Incluidas:

Experiencia del Desarrollador

Kit de herramientas de desarrollo de nivel empresarial

  • TypeScript 5.0+ con verificación estricta de tipos
  • Arquitectura de componentes de servidor y cliente
  • Documentación JSDoc completa

UX y Rendimiento

Métricas de experiencia de usuario optimizadas

  • Sistema de diseño responsivo mobile-first
  • Marcado accesible con ARIA y navegación por teclado
  • Renderizado rápido con componentes de servidor y recursos optimizados

Mantenimiento y Soporte

Sostenibilidad del proyecto a largo plazo

  • Soporte incluido con su compra
  • Actualizaciones regulares de seguridad y framework
  • Estructura semántica optimizada para SEO

Todas las Next.js Templates implementan patrones modernos de React 19, arquitectura App Router y optimización de Web Vitals para un rendimiento favorable al SEO.

world map

Comunidad Global de Usuarios

Únete a miles de desarrolladores en todo el mundo que confían en Aniq-UI para sus proyectos. Nuestras plantillas se utilizan en todo el mundo para crear experiencias web impresionantes.

InicioPlantillasBlog

Contáctanos

¿Preguntas sobre una plantilla o tu compra? Escríbenos

Aniq-uiAniq-uiAniq-ui