Le stockage essentiel permet la connexion et le fonctionnement des outils d’apprentissage. Google Analytics mesure les visites ; Microsoft Clarity enregistre les interactions pour améliorer l’ergonomie. Ces deux services sont facultatifs et restent désactivés tant que vous n’avez pas fait votre choix. Lire notre politique de confidentialité.
FORGE — Modèle de site pour studio de sport et espace membre | SovranCode
Vous consultezFORGE — Studio de sport et espace membreNext.jsÀ partir de 79 $US
Sport et bien-êtreNext.jsModèle frontend
FORGE — Studio de sport et espace membre
Un modèle de site à l’identité sombre et affirmée pour les studios de sport, avec douze programmes, un planning hebdomadaire, un espace membre et une interface de gestion de démonstration dont les données restent dans le navigateur.
Cette fiche est en français. La démo, le code fourni, la documentation et le paiement sont actuellement en anglais.
SCPar l’équipe SovranCodeMis à jour le 24 sept. 2026
Voir la démo Démos publique et administrationS’ouvre dans l’espace de prévisualisation SovranCode.
L’accueil du studioUne page d’accueil à l’identité sombre et affirmée pour présenter le studio, ses programmes, ses coachs et ses abonnements.
PRÉSENTATION DU MODÈLE
Une interface complète pour votre studio, vos membres et votre équipe.
FORGE réunit la présentation du studio, douze programmes, le planning, les abonnements, les séances d’essai, l’espace membre et la gestion du club dans une interface cohérente.
10 familles de pagesSite public du studio, planning, espace membre et administration.
7 captures réellesSite public, programmes, planning, abonnements, accès de démonstration, administration et mobile.
Une interface adaptée à chaque écranLes versions ordinateur et mobile sont incluses.
6 mois d’assistancePour vos questions sur les fonctionnalités incluses et l’installation documentée.
POUR QUI ?
Pour les équipes qui veulent offrir une expérience à la hauteur de leur studio.
Partez d’un parcours soigné pour vos visiteurs et vos membres, puis raccordez les outils de gestion que votre studio utilise déjà.
01
Studios de sport et salles haut de gamme
Créez une présence soignée pour votre studio, avec des parcours pour les visiteurs et une base d’interface pour les membres et l’équipe de gestion.
Parfaitement adapté02
Clubs de musculation et de préparation physique
Présentez vos programmes, vos coachs, votre planning, vos abonnements et votre approche de l’entraînement avant de raccorder vos outils de gestion.
Bien adapté03
Prototypes de services de bien-être et d’abonnement
Testez les parcours visiteur, membre et gestionnaire dans une même identité visuelle, avec des données de démonstration explicitement locales.
Bien adapté04
Agences créant des sites et outils pour le sport
Partez d’un ensemble entièrement modifiable, avec des ressources documentées, des parcours complets et des conditions de licence adaptées aux projets clients.
Bien adapté
Choisissez FORGE si
Vous recherchez une interface cohérente sur tous les écrans, la maîtrise du code et la liberté de choisir vos services.
Prévoyez du temps d’intégration si
Votre projet exige de vrais comptes membres, des droits d’accès, la gestion des places par séance, des réservations, des listes d’attente, la facturation, des e-mails, la publication de contenus ou des rapports fondés sur vos données serveur.
Ouvrez une rubrique pour consulter les routes documentées. Vous retrouverez cette arborescence dans le README fourni.
Le studio et les articles7 routes
/Accueil immersif du studio, programmes, coaching, planning, abonnements et localisation
/classes/ et /classes/[slug]/Catalogue de douze programmes, filtres et fiches détaillées des cours
/trainers/ et /trainers/[slug]/Annuaire des coachs, biographies, spécialités et planning associé
/memberships/ et /free-trial/Comparaison des formules, économies annuelles et parcours d’essai en six étapes
/about/, /contact/, /blog/, et /blog/[slug]/Histoire du studio, contact et articles
/login/, /register/, /forgot-password/, et /reset-password/Parcours d’accès de démonstration pour les membres et les administrateurs
/privacy/ et /terms/Pages légales de départ à remplacer avant la mise en ligne
Planning et séance d’essai1 route
/schedule/Planning sur sept jours avec filtres de disponibilité et réservation locale de démonstration
Espace membre1 route
/account/ et /account/[section]/Tableau de bord membre local, réservations, abonnement, profil et pass
La gestion du club1 route
/admin/ et /admin/[section]/Interface locale pour les membres, réservations, planning, programmes, coachs, abonnements, essais, articles, messages, statistiques et réglages
LE CONTENU DU PACK
Le code, la documentation et les bases de votre futur site.
Un site immersif pour présenter votre studio
Une présentation soignée de votre univers sportif, des programmes, des coachs, du planning, des abonnements et de la vie du club.
Douze programmes, des filtres et des fiches de cours
Les filtres par catégorie, intensité, durée et niveau guident vers une page détaillée pour chaque programme.
Un planning sur sept jours et une réservation de démonstration
Choix du coach, du cours et de l’horaire, affichage des places, fenêtres de réservation et liste d’attente de démonstration dans le navigateur.
Abonnements, séance d’essai, contact et articles
Des formules mensuelles et annuelles, un parcours d’essai en six étapes, des formulaires avec validation et des pages de contact et d’articles.
Un espace membre pour les réservations, le profil et l’abonnement
Un parcours membre de démonstration pour consulter ses réservations, son pass numérique, son abonnement et son profil, avec les écrans de récupération d’accès.
Une interface d’administration pour le club
Une interface locale de démonstration pour gérer les membres, réservations, programmes, coachs, abonnements, essais, contenus, messages, statistiques et réglages.
Photos et polices locales, référencement et accessibilité
Des photos et polices hébergées localement, les métadonnées des pages, des fenêtres utilisables au clavier, un focus visible et la réduction des animations.
Fichiers fournis
Code complet de l’interface en TypeScript
Modules du site public, de l’espace membre et de l’administration
Photos et polices hébergées localement, avec leurs crédits
Tests de non-régression des données de démonstration et notes de contrôle du code
Captures réelles du site public, des accès de démonstration, de l’administration et du mobile
README.md, LICENSE.md, CHANGELOG.md, ASSETS.md, RELEASE-QA.md et guide de démonstration
Environnement technique
Next.js 16.3.4React 19.2TypeScript 5.9Node.js 22.13+Déploiement Vercel et environnement compatible Cloudflare
Node.js 22.13+
npm
HÉBERGEMENT ET DÉPLOIEMENT
Du code à la mise en ligne, avec le choix de votre hébergeur.
FORGE fournit une compilation Next.js pour Vercel et un processus distinct compatible avec Cloudflare. Choisissez votre hébergement, puis remplacez les intégrations de démonstration avant la mise en ligne.
POUR DÉMARRER
Déployer sur Vercel
Un chemin direct entre le dépôt fourni et une prévisualisation accessible en ligne.
01
ImporterReliez le dépôt à un nouveau projet Vercel.
02
ConfigurerDéfinissez NEXT_PUBLIC_SITE_URL avec l’URL finale du site.
03
CompilerExécutez npm run build:vercel puis vérifiez chaque route.
02
Environnement compatible Cloudflare
Exécutez npm run build pour préparer l’environnement d’exécution fourni, puis vérifiez la configuration du worker générée avant de publier.
Une autre option d’hébergement
03
Vos services backend
Remplacez les services locaux de démonstration par votre API, votre base de données, l’authentification, la facturation, le CMS et l’envoi d’e-mails.
Adapté à vos outils existants
04
Toutes les possibilités de Next.js
Avant d’exploiter un véritable service, ajoutez les rôles contrôlés côté serveur, les sessions authentifiées, les réservations fiables, les dossiers membres et les notifications de paiement vérifiées.
Pour vos fonctions côté serveur
VOS QUESTIONS
Tout savoir avant de choisir.
Des réponses sur le code fourni, la documentation et les conditions de licence.
01FORGE inclut-il un backend complet pour gérer une salle de sport ?
Non. FORGE fournit le code de l’interface. Le site du studio, le planning, le parcours d’essai, l’espace membre et l’administration utilisent des données fictives stockées dans le navigateur. Pour un usage réel, raccordez vos services d’authentification, de membres, de séances, de réservation, de facturation, d’e-mail et de contenu, ainsi que les droits d’accès.
02Les visiteurs peuvent-ils réserver de vrais cours ou acheter un abonnement ?
Non. Le planning, les réservations, la liste d’attente, le parcours d’essai et les abonnements illustrent uniquement le fonctionnement prévu. Ils ne réservent aucune place réelle, ne modifient aucun abonnement, ne débitent aucune carte et n’envoient aucun e-mail. Les données restent dans le navigateur utilisé.
03Que proposent les démos membre et administrateur ?
Le profil membre permet de consulter les réservations, l’abonnement, le profil et un pass de démonstration. Le profil administrateur donne accès aux membres, réservations, planning, programmes, coachs, abonnements, essais, articles, messages, statistiques et réglages fictifs. Les boutons de profils de démonstration permettent d’explorer les deux espaces sans vrais identifiants.
04Où héberger FORGE ?
FORGE fournit une compilation Next.js pour Vercel avec npm run build:vercel. Un processus compatible Cloudflare est également prévu avec npm run build et npm start. Après avoir remplacé les intégrations de démonstration, choisissez votre hébergement et vérifiez son fonctionnement.
05Puis-je utiliser les photos et les personnes présentées pour mon club ?
Les conditions d’utilisation des photos Unsplash locales et des polices sont documentées dans ASSETS.md. Le club, les personnes, les coordonnées, les tarifs, les témoignages, les horaires et les résultats sont illustratifs. Vérifiez les conditions des ressources et remplacez les contenus de démonstration par des éléments que vous avez le droit d’utiliser avant la mise en ligne.
06Quelle licence choisir ?
La licence Personnelle, à partir de 79 $ US, couvre un projet en production qui vous appartient. La licence Entreprise couvre plusieurs projets pour une même entreprise. La licence Agence autorise un nombre illimité de projets internes et clients. Le code fourni est identique pour les trois licences.
NOTES DE VERSION
Le pack et ses contrôles de publication.
14 contrôles documentésLa liste complète figure dans la documentation de version.Archive ZIP testée depuis une installation viergeInstallation, validation et compilation de l’application à partir du code contenu dans l’archive.Code de l’interface uniquementRaccordez vos services de comptes, de membres, de réservation, de facturation, d’e-mail et de contenu, ainsi que les droits d’accès de l’équipe.
v1.0.0Dernière version24 sept. 2026
Première version de l’interface
Première version de l’interface proposée sur SovranCode
Licence Personnelle à partir de 79 $ US
Démos publiques et administrateur publiées et vérifiées
Données locales de démonstration pour l’espace membre et la gestion du club
L’archive ZIP contient la documentation, les crédits des ressources et les captures réelles
L’ASSISTANCE SOVRANCODE
Besoin d’aide avec votre modèle ?
L’assistance couvre les fonctionnalités incluses, l’installation documentée et les bugs confirmés du modèle. Le développement sur mesure, la configuration de l’hébergement et l’intégration de services tiers sont des prestations distinctes.