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é.
Axion — Tableaux de bord et interfaces SaaS Next.js | SovranCode
Vous consultezAxion — Tableaux de bord et interfaces SaaS Next.jsNext.jsÀ partir de 49 $US
Administration et tableaux de bordNext.jsModèle frontend
Axion — Tableaux de bord et interfaces SaaS Next.js
Six tableaux de bord, huit scénarios métier, des composants réutilisables et des données de démonstration conservées dans le navigateur. Un kit frontend Next.js complet au style Graphite, avec modes clair et sombre.
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 1 nov. 2026
Voir la démo Démo des tableaux de bord et des espaces de travailS’ouvre dans l’espace de prévisualisation SovranCode.
Vue d’ensemble GraphiteGraphiques de revenus, transactions récentes, activité et canaux d’acquisition en mode clair.
PRÉSENTATION DU MODÈLE
Un espace d’administration complet, à raccorder à vos services.
Axion réunit six tableaux de bord, huit scénarios métier, la gestion des fiches, les galeries de produits, les tableaux Kanban et des composants réutilisables dans une interface Next.js cohérente. Le style Graphite, cinq palettes et les modes clair et sombre offrent une base harmonieuse à votre équipe.
9 familles de pagesTableaux de bord, gestion, scénarios métier, composants et espace personnel.
Une interface d’administration Next.js multilingue avec 19 modules, Material UI, Workflow Studio et des parcours locaux en anglais, français et arabe.
par l’équipe SovranCode
7 captures réelles
Vue d’ensemble claire et sombre, tâches, éditeur de produits, fiches clients, formulaires avancés 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 construisent un espace de travail cohérent.
Partez d’une interface de travail soignée et cohérente, puis raccordez les services de production que votre équipe utilise déjà.
01
Équipes produit SaaS
Partez des interfaces d’abonnements, de clients, de finance et d’opérations, puis raccordez les API de votre produit.
Parfaitement adapté02
Outils d’administration internes
Réutilisez les tableaux, fiches, formulaires, interfaces d’autorisations et vues d’audit pour vos opérations.
Bien adapté03
Espaces de commerce et de relation client
Adaptez les interfaces reliées de catalogue, de commandes, de clients, de factures et de pipeline commercial.
Bien adapté04
Agences créant des interfaces de gestion
Personnalisez un même système de composants pour les tableaux de bord et applications métier de vos clients.
Bien adapté
Choisissez Axion 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
Vous avez besoin de comptes sécurisés, d’autorisations côté serveur, de données partagées, d’isolation des organisations, de paiements, d’envoi d’e-mails ou d’une messagerie entre utilisateurs.
Votre propre backend et votre authentification pour la production
HÉBERGEMENT ET DÉPLOIEMENT
Du code à la mise en ligne, avec le choix de votre hébergeur.
Le pack contient une application Next.js déployable sur Vercel ou un environnement Next.js compatible avec Node.js. Remplacez les intégrations de démonstration et vérifiez chaque route 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
ConfigurerLa démo ne nécessite aucune variable d’environnement. Configurez les paramètres de vos prestataires côté serveur lors du raccordement de votre backend.
03
CompilerExécutez npm run build puis vérifiez chaque route.
02
Hébergeur compatible Node.js
Exécutez npm ci et npm run build, puis utilisez un environnement Node.js compatible pour npm run start ou la commande équivalente de votre hébergeur.
Une autre option d’hébergement
03
Vos services backend
Remplacez l’adaptateur de démonstration IndexedDB par votre API authentifiée, votre base partagée et vos services de facturation, d’e-mail, de messagerie et de stockage des médias.
Adapté à vos outils existants
04
Toutes les possibilités de Next.js
Ajoutez l’authentification, les autorisations, l’isolation des organisations et la validation côté serveur, ainsi que des webhooks vérifiés. Les guides d’intégration de l’authentification et des API expliquent ces points.
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.
01Que comprend le produit ?
Le code frontend Next.js complet, six tableaux de bord, huit scénarios métier, des modules de gestion, des espaces de composants, des captures, des tests et la documentation d’intégration.
02Axion inclut-il un backend de production ?
Non. IndexedDB conserve les données de démonstration dans le navigateur courant. Les écrans d’authentification, les autorisations, la facturation, les messages et les automatisations sont des démonstrations frontend. Raccordez l’authentification, les autorisations, l’isolation des organisations, vos API et vos services externes avant de traiter des données clients réelles.
03Puis-je modifier les données et conserver mes changements ?
Oui. Créez et modifiez des fiches, ajoutez des notes et des images, déplacez des tâches et réglez vos préférences. IndexedDB conserve ces données pour ce navigateur et cette origine ; elles ne sont pas synchronisées entre utilisateurs ou appareils.
04Faut-il un compte pour explorer la démo ?
Non. Ouvrez directement la démo. Les écrans de connexion illustrent les parcours et ne protègent pas l’accès à l’espace de travail.
05Quelle licence choisir ?
La licence Personnelle couvre un projet que vous possédez. La licence Entreprise couvre plusieurs projets d’une même entreprise. La licence Agence couvre un nombre illimité de projets internes et clients. La redistribution du code et sa revente comme modèle concurrent sont exclues ; consultez les conditions complètes.
06Comment lancer ou déployer le code source ?
Installez Node.js 22.12 ou une version ultérieure, lancez npm ci puis npm run dev et ouvrez localhost:3000. Pour déployer, lancez npm run build et utilisez Vercel ou un hébergeur Node.js compatible. Suivez les guides de déploiement et d’intégration des API fournis.
07Des traductions sont-elles incluses ?
Les dictionnaires de navigation et de vue d’ensemble existent en anglais et en français, avec un exemple arabe de droite à gauche. La traduction intégrale du produit n’est pas incluse.
NOTES DE VERSION
Le pack et ses contrôles de publication.
9 contrôles documentésLa liste complète figure dans la documentation de version.Intégrité du fichier ZIP vérifiéeL’intégrité de l’archive et les documents requis ont été vérifiés. Consultez QA.md pour le compte rendu de vérification du code source.Code de l’interface uniquementRaccordez votre authentification, vos données partagées, vos autorisations, votre facturation, votre messagerie, vos e-mails et votre stockage des médias.
v1.3.0Dernière version1 nov. 2026
Première version de l’interface
Version Axion 1.3.0 proposée sur SovranCode
Code frontend avec données de démonstration conservées dans le navigateur
Outils médias des produits, notes, duplication et listes de tâches modifiables inclus
L’authentification, les autorisations, la facturation, les e-mails et la messagerie de production nécessitent une intégration
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.
Voir en plein écran
