Total.js dla realnego oprogramowania biznesowego

Buduj szybciej. Miej swój stack pod kontrolą.

Oprogramowanie biznesowe bez zbędnych warstw.

Total.js łączy szybki framework Node.js, komponenty UI gotowe do produkcji oraz sprawdzone aplikacje, dzięki czemu zespoły mogą budować dashboardy, portale, produkty SaaS i narzędzia wewnętrzne z mniejszą ilością glue code i większą kontrolą.

0zależności
300+Komponenty UI
MITopen‑source
totaljs.es / stos technologiczny (software stack)
Core backendu

Trasowanie, akcje, REST, WebSocket, schematy, pliki, widoki, e‑mail i kontrola wykonania – wszystko w jednym miejscu.

jComponents

Pola wejściowe, tabele danych, formularze, wykresy, dashboardy, okna modalne i interfejsy gotowe do produkcji.

# Node.js server-side framework
# Total.js v5
$ npm install total5
# Jedna podstawa dla backendu, frontendu i UI
Node.js
NoSQL
WebSocket
API/REST
Actions
Zacznij od solidnych fundamentów

Stack, który możesz zrozumieć, rozwijać i czuć jako swój

Total.js trzyma najważniejsze elementy blisko siebie: backend, UI, dane, komunikację w czasie rzeczywistym i logikę biznesową – bez rozpraszania produktu po zbędnych warstwach.

Framework

Lekka baza Node.js bez zbędnych zależności – dla API, socketów, paneli administracyjnych, portali, wewnętrznych aplikacji i produktów tworzonych z myślą o długim życiu.

  • Proste trasowanie i czytelne akcje
  • Schematy, walidacja i dostęp do danych
  • REST, WebSocket, poczta, pliki i widoki

jComponents

Warstwa UI zaprojektowana z myślą o aplikacjach biznesowych: prawdziwe komponenty, prosty binding i ekrany gotowe do pracy bez ciężkich stosów frontendowych.

  • Formularze, tabele danych, wykresy i pulpity
  • Automatyczne wiązania i lekkie widoki
  • Ponad 300 komponentów produkcyjnych
Framework + jComponents

Jeden backend. Jedna filozofia UI.

Ścieżki, akcje, schematy, widoki, powiązania i komponenty naturalnie do siebie pasują. Mniej glue code, mniej decyzji i czystsza droga od pomysłu do produkcji.

Czysty framework

total5 / node.js

Jasna struktura logiki biznesowej, API, socketów, zadań i realnych procesów – bez szumu frameworku.

framework.js
// Ścieżki, akcje, schematy, baza danych, sockety i poczta
require('total5');

exports.install = function() {
	ROUTE('GET /', 'view');
	ROUTE('+API ? orders-list      --> 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: '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();
Intuicyjne trasowanie
Akcje wielokrotnego użytku
Zintegrowany WebSocket
NoSQL i schematy
MVC i serverless
Skalowalny i prosty

UI z jComponents

spa.min@20

Buduj formularze, dashboardy, tabele i kompletne przepływy pracy za pomocą komponentów zaprojektowanych do prawdziwych ekranów biznesowych.

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:Szukaj zamówień;autofill:1"></ui-component>
	<ui-component name="validate" path="?.form">
		<button class="exec" data-exec="?/submit">Zapisz zamówienie</button>
	</ui-component>

	<ui-component name="datagrid" path="?.orders" config="margin:0;click:?/detail">
		<script type="text/plain">
		[
			{ name: 'email', text: 'Klient', width: 220 },
			{ name: 'total', text: 'Total', align: 2, template: "{{ total | format(2) }}" },
			{ name: 'dtcreated', text: 'Utworzono', 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 + ' online'"></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>
Ponad 300 komponentów
Tabele danych i formularze
Automatyczne wiązania
Pulpity i wykresy
UI gotowy dla biznesu
Szybsze strony
Aplikacje zbudowane w Total.js

Aplikacje, które pokazują możliwości stacku w praktyce

Flow, OpenPlatform, CMS i inne aplikacje Total.js nie są demo. To działające produkty zbudowane na tej samej bazie, której możesz użyć w swojej platformie.

Flow

Automatyzacja, integracje i procesy biznesowe połączone z API, usługami i AI.

OpenPlatform

Fundament prywatnego portalu z tożsamościami, aplikacjami, użytkownikami i kontrolowanym dostępem.

CMS

Zarządzanie treścią, które może działać jako samodzielny system albo część większego rozwiązania biznesowego.

Więcej aplikacji

Narzędzia stworzone w tej samej filozofii: praktyczne, konkretne i gotowe do prawdziwej pracy.

Wydajność i prostota

Mniej narzutu.
Więcej kontroli po Twojej stronie.

Total.js jest zaprojektowany tak, żeby pozostać szybki, zrozumiały i blisko produktu, który tworzysz.

Porównanie szybkości frameworków
Total.js
100%
Fastify
90%
Koa
77%
Express
70%
NestJS
67%
Sails
60%
Meteor
55%
Hapi
50%
Połączone natywne aplikacje

TotalDesktop Suite

Natywne narzędzia dla Maca i iPada zaprojektowane wokół realnych workflowów Total.js: zasoby, kod, monitoring, projekty i codzienna praca.

TotalResources app icon

TotalResources

Zarządzaj treściami wielojęzycznymi z poziomu natywnej aplikacji: tłumaczenia, pomoc w pisowni, recenzja i wsparcie AI dla każdego tekstu produktu.

Wielojęzyczność
Total.js API
Athena AI
MCP / MVP
TotalCode app icon

TotalCode

Natywny workspace dla Total.js Code z lokalną kontrolą i wieloma instancjami uruchamianymi z jednej aplikacji.

Natywne IDE
Wiele instancji
MCP / MVP
TotalMonitor app icon

TotalMonitor

Monitoruj kondycję projektu, metryki, alerty i reguły w czasie rzeczywistym, żeby problemy były widoczne zanim staną się pilne.

Czas rzeczywisty
Alerty
MCP / MVP
More applications icon

Więcej aplikacji

Kolejne natywne narzędzia będą rozszerzać ten sam ekosystem o rozwój, zarządzanie, monitoring i ewolucję produktu.

W trakcie
Nowe aplikacje
Ekosystem
Dostępność

Wyłącznie na Maca i iPada, już wkrótce

Pierwsze wydanie będzie skoncentrowane na ekosystemie Apple. Wersje na Windows i Linux pojawią się później, bez jeszcze określonej daty.

Mac
iPad
App Store
Mac App Store
Rozwój profesjonalny

Budujemy oprogramowanie Total.js, które ma przetrwać lata

Dedykowane aplikacje, dashboardy, portale, produkty SaaS i prywatne platformy oparte na spójnym fundamencie, a nie na przypadkowo narosłej złożoności.

Aplikacje wewnętrzne
Prywatne portale
Panele kontrolne
Produkt SaaS
Refaktoryzacja i ulepszenia
Wsparcie techniczne

Rozwój dedykowany

Aplikacje, pulpity, portale, narzędzia wewnętrzne i produkty cyfrowe zbudowane w Total.js.

Architektura i konsulting

Decyzje techniczne, przegląd fundamentów i praktyczny plan zanim produkt zacznie szybko rosnąć.

Implementacja i rozwój

Od pierwszej wersji po ciągłe usprawnienia – z tą samą, spójną wizją techniczną.

Utrzymanie i rozwój

Optymalizacja, refaktoryzacja, nowe funkcje i stopniowa ewolucja istniejących platform.

Spanish Total.js Platform

Powiedz nam, czego potrzebuje Twój biznes, żeby działać lepiej

Projektujemy i tworzymy aplikacje Total.js na czytelnych fundamentach technicznych, z praktyczną drogą aż do produkcji.

Aplikacje biznesowe i dashboardy
Prywatne platformy i portale
Architektura, implementacja i rozwój

Zespoły na całym świecie już budują rozwiązania z Total.js.

Zobacz wszystkie referencje
Siemens
Orange
Datalan
Metrostav
Slovalco
Volkswagen
Opowiedz nam o swoim projekcie

Napisz nam, co chcesz zbudować, a my wrócimy z kolejnym praktycznym krokiem.