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é.
Cyanexis — Tableau de bord Next.js et kit UI | SovranCode
Vous consultezCyanexis — Tableau de bord Next.js et kit UINext.jsÀ partir de 39 $US
Administration et tableaux de bordNext.jsModèle frontend
Cyanexis — Tableau de bord Next.js et kit UI
Cinq tableaux de bord, des espaces commerce et CRM, des tableaux de tâches, des tables avancées et une bibliothèque Material UI. Une interface Next.js personnalisable avec thèmes 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 3 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.
Tableau de bord de directionIndicateurs métier, graphiques de revenus et synthèses opérationnelles.
PRÉSENTATION DU MODÈLE
Un espace d’administration complet, à raccorder à vos services.
Cyanexis réunit cinq tableaux de bord, la gestion des fiches, les tableaux de tâches et d’affaires, des écrans de productivité, des tables avancées et des composants Material UI dans un frontend Next.js personnalisable. Explorez les parcours locaux puis remplacez les services de démonstration par vos API.
41 familles de pagesTableaux de bord, listes et éditeurs de fiches, productivité, composants, interfaces d’authentification et préférences.6 captures réellesVue de direction, espace sombre, commerce, tables avancées, composants et mobile.
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.
par l’équipe SovranCode
Administration et tableaux de bord · Next.js65 $US
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
Une interface adaptée à chaque écran
Les 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 Cyanexis 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.
Node.js 20.9+ dans une version LTS prise en charge
npm
Accès Internet pour installer les dépendances et compiler les polices Google
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 les services locaux de démonstration par vos API authentifiées, votre base partagée, la facturation, les e-mails et le 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 pack Cyanexis ?
Le frontend Next.js complet, cinq tableaux de bord, la gestion commerce et CRM, les tableaux de tâches et d’affaires, les interfaces de productivité, dix collections de composants, les images produits, le README, le PDF acheteur et les guides techniques.
02Comment ouvrir la démo ?
Ouvrez la prévisualisation SovranCode puis choisissez Open demo workspace avec demo@cyanexis.com et Demo1234!. La visite guidée peut être ignorée ou rejouée. Ces identifiants publics activent uniquement la démonstration locale.
03Cyanexis inclut-il un backend de production ?
Non. La connexion utilise un indicateur de démonstration par onglet, la plupart des modifications utilisent localStorage et les écrans de messagerie et de paiement ne contactent aucun service externe. Raccordez l’authentification, les autorisations, la base, les API, les paiements, les e-mails et le stockage des médias côté serveur.
04Une licence Material UI payante est-elle nécessaire ?
Aucune clé MUI X Pro ou Premium n’est requise pour le modèle fourni. Cyanexis utilise les composants Community et des tables composées sur mesure. Les dépendances conservent leurs propres licences.
05Les interfaces de l’application en français et en anglais sont-elles incluses ?
La fiche SovranCode est disponible en français et en anglais. L’application Cyanexis et la documentation acheteur fournies sont en anglais ; la traduction de l’application est une personnalisation à réaliser par l’acheteur.
06Comment installer et déployer Cyanexis ?
Utilisez une version LTS prise en charge de Node.js respectant le minimum 20.9. Exécutez npm ci puis npm run dev et ouvrez localhost:3000. Exécutez typecheck, lint et build avant npm start. Déployez sur Vercel ou un hébergeur Node.js compatible Next.js.
07Quelle licence Cyanexis choisir ?
La licence Personnelle coûte 39 $ pour un projet qui vous appartient. Entreprise coûte 59 $ pour plusieurs projets d’une entreprise. Agence coûte 109 $ pour un nombre illimité de projets internes et clients. Le code est identique ; la redistribution ou la revente comme modèle source est exclue.
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 docs/VERIFICATION.md pour l’historique de vérification du code.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.0.0Dernière version3 nov. 2026
Première version de l’interface
Version Cyanexis 1.0.0 proposée sur SovranCode
Cinq tableaux de bord avec commerce, CRM, projets, finance et composants réutilisables
Documentation acheteur, code, images produits et mentions tierces inclus
L’authentification, les données partagées, les paiements 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.