Total.js pour un logiciel métier réel

Construisez plus vite. Gardez la maîtrise de votre stack.

Logiciel métier sans couches inutiles.

Total.js combine un framework Node.js rapide, des composants d’interface prêts pour la production et des applications éprouvées pour que les équipes puissent créer des tableaux de bord, portails, produits SaaS et outils internes avec moins de glue code et plus de contrôle.

0dépendances
300+Composants d’interface
MITopen source
totaljs.es / stack logiciel
Noyau back‑end

Routage, actions, REST, WebSocket, schémas, fichiers, vues, e‑mails et contrôle d’exécution réunis au même endroit.

jComponents

Champs, grilles de données, formulaires, graphiques, tableaux de bord, modales et interfaces prêtes pour la production.

# Node.js server-side framework
# Total.js v5
$ npm install total5
# Un socle unique pour le backend, le frontend et l’UI
Node.js
NoSQL
WebSocket
API/REST
Actions
Commencez sur une base solide

Un stack que vous pouvez comprendre, étendre et maîtriser

Total.js garde les pièces importantes à proximité : backend, interface, données, communication temps réel et logique métier, sans éparpiller votre produit dans des couches inutiles.

Framework

Une base Node.js sans dépendances pour des API, sockets, panneaux d’administration, portails, applis internes et produits de longue durée.

  • Routage direct et actions claires
  • Schémas, validation et accès aux données
  • REST, WebSocket, e‑mail, fichiers et vues

jComponents

Une couche d’interface conçue pour les applications métier : composants réels, liaison simple et écrans prêts à l’emploi sans stacks frontend lourds.

  • Formulaires, datagrids, graphiques et tableaux de bord
  • Bindings automatiques et vues légères
  • Plus de 300 composants en production
Framework + jComponents

Un backend. Une philosophie d’interface.

Routes, actions, schémas, vues, liaisons et composants s’assemblent naturellement. Moins de glue code, moins de décisions, un chemin plus net de l’idée à la production.

Framework pur

total5 / node.js

Une structure claire pour la logique métier, les API, les sockets, les jobs et les processus réels, sans bruit de framework.

framework.js
// Routes, actions, schémas, base de données, sockets et e‑mails
require('total5');

exports.install = function() {
	ROUTE('GET /', 'view');
	ROUTE('+API   ?                --> find');
	ROUTE('+POST /api/orders/      --> create');
	ROUTE('SOCKET / @text <1MB', socket); // "text" means only the plain text communication
};

	NEWACTION('find', {
		query: 'page:Number, sort:String',
		route: 'API ?',
		params: 'projectid:String',
		action: function($) {
			// $.query
			// $.params
			$.success();
		}
	});

	NEWACTION('create', {
		name: 'name/description',
		route: '+POST /api/orders/',
		input: '*name:String, age:Number',
		output: 'success:Boolean',
		params: 'projectid:String, id:String',
		action: function($, model) {
			// $.query
			// $.params
			// $.model or model "is prepared according to the input data schema"

			// $.success();
			// $.callback({ success: true });

			// TMS:
			// $.publish(model);
		}
	});

	function socket($) {

		// $ === WebSocketController

		// List of all clients in the controller
		// $.connections {Object} ID1:CLIENT, ID2:CLIENT, ID3:CLIENT
		/*
			for (var id of $.connections) {
				var client = $.connections[id];
				client.send({ name: 'Hello' });
			}
		*/

		// Automatically destroys the controller after all clients are disconnected.
		$.autodestroy();

		$.on('open', function(client) {
			// @client {Controller}
			client.send('Hello world');
		});

		$.on('close', function(client) {
			client.send('Bye Bye!');
		});

		$.on('message', function(client, message) {
			console.log(message);
		});

	}

Total.run();
Routage intuitif
Actions réutilisables
WebSocket intégré
NoSQL et schémas
MVC et serverless
Scalable et simple

UI avec jComponents

spa.min@20

Créez formulaires, tableaux de bord, tableaux et workflows complets avec des composants pensés pour de vraies interfaces métier.

ui.html
<!-- Client-side UI library -->
<script src="https://cdn.componentator.com/spa.min@20.js"></script>
<link rel="stylesheet" href="https://cdn.componentator.com/spa.min@20.css" />

<ui-plugin path="scope">
	<ui-component name="input" path="?.filter" config="placeholder:Rechercher des commandes;autofill:1"></ui-component>
	<ui-component name="validate" path="?.form">
		<button class="exec" data-exec="?/submit">Enregistrer la commande</button>
	</ui-component>

	<ui-component name="datagrid" path="?.orders" config="margin:0;click:?/detail">
		<script type="text/plain">
		[
			{ name: 'email', text: 'Client', width: 220 },
			{ name: 'total', text: 'Total', align: 2, template: "{{ total | format(2) }}" },
			{ name: 'dtcreated', text: 'Créé', template: "{{ dtcreated | format('dd.MM.yyyy') }}" }
		]
		</script>
	</ui-component>

	<ui-component name="linechart" path="?.sales" config="height:180;type:curves"></ui-component>
	<ui-bind path="?.online" config="text:value + ' en ligne'"></ui-bind>
</ui-plugin>

<script>
PLUGIN('scope', function(exports) {
	exports.submit = function() {
		var modal = exports.modal;
		exports.tapi('orders-list', modal, function(response) {
			exports.set('scope.orders', response);
		});
	};
});
</script>
300+ composants
Datagrids et formulaires
Bindings automatiques
Tableaux de bord et graphiques
UI prête pour le business
Pages plus rapides
Apps construites sur Total.js

Applications qui démontrent les capacités du stack

Flow, OpenPlatform, CMS et les autres applications Total.js ne sont pas des démos. Ce sont de vrais produits construits sur le même socle que vous pouvez utiliser pour votre propre plateforme.

Flow

Automatisation, intégrations et processus métier connectés aux API, services et à l’IA.

OpenPlatform

Socle de portail privé avec identité, applications, utilisateurs et accès contrôlé.

CMS

Gestion de contenu qui peut fonctionner seule ou devenir une partie d’une solution métier plus large.

Plus d’apps

Des outils bâtis avec la même philosophie : pratiques, directs et prêts pour le travail réel.

Performance et simplicité

Moins de surcharge.
Plus de maîtrise.

Total.js est conçu pour rester rapide, compréhensible et proche du produit que vous construisez.

Comparatif de performance des frameworks
Total.js
100%
Fastify
90%
Koa
77%
Express
70%
NestJS
67%
Sails
60%
Meteor
55%
Hapi
50%
Apps natives connectées

TotalDesktop Suite

Outils natifs pour Mac et iPad conçus autour de vrais workflows Total.js : ressources, code, monitoring, projets et travail quotidien.

TotalResources app icon

TotalResources

Gérez le contenu multilingue depuis une application native : traduction, aide à l’orthographe, relecture et support IA pour chaque texte produit.

Multilingue
Total.js API
Athena AI
MCP / MVP
TotalCode app icon

TotalCode

Un espace de travail natif pour Total.js Code avec contrôle local et plusieurs instances depuis une seule application.

IDE native
Instances multiples
MCP / MVP
TotalMonitor app icon

TotalMonitor

Surveillez la santé du projet, les métriques, les alertes et les règles en temps réel afin que les problèmes soient visibles avant de devenir urgents.

Temps réel
Alertes
MCP / MVP
More applications icon

Plus d’applications

De nouveaux outils natifs viendront étendre le même écosystème pour le développement, la gestion, le monitoring et l’évolution du produit.

En cours
Nouvelles apps
Écosystème
Disponibilité

Exclusivement pour Mac et iPad, très bientôt

La première version se concentrera sur l’écosystème Apple. Windows et Linux arriveront plus tard, sans date prévue pour le moment.

Mac
iPad
App Store
Mac App Store
Développement professionnel

Nous créons des logiciels Total.js qui durent

Applications sur mesure, tableaux de bord, portails, produits SaaS et plateformes privées construits sur une base cohérente plutôt que sur une complexité accidentelle.

Applications internes
Portails privés
Panneaux de contrôle
Produit SaaS
Refactorisation et amélioration
Support technique

Développement sur mesure

Applications, tableaux de bord, portails, outils internes et produits numériques construits avec Total.js.

Architecture et conseil

Décisions techniques, revue des fondations et plan pratique avant la croissance du produit.

Mise en œuvre et évolution

De la première version à l’amélioration continue, avec la même direction technique.

Maintenance et amélioration

Optimisation, refactorisation, nouvelles fonctionnalités et évolution progressive de plateformes existantes.

Spanish Total.js Platform

Dites‑nous ce dont votre activité a besoin pour mieux fonctionner

Nous concevons et développons des applications Total.js avec un socle technique clair et un chemin pratique vers la production.

Applications métier et tableaux de bord
Plateformes et portails privés
Architecture, implémentation et évolution

Des équipes dans le monde entier construisent déjà avec Total.js.

Voir toutes les références
Siemens
Orange
Datalan
Metrostav
Slovalco
Volkswagen
Parlez-nous de votre projet

Dites‑nous ce que vous voulez construire et nous vous répondrons avec une prochaine étape concrète.