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ą.
Trasowanie, akcje, REST, WebSocket, schematy, pliki, widoki, e‑mail i kontrola wykonania – wszystko w jednym miejscu.
Pola wejściowe, tabele danych, formularze, wykresy, dashboardy, okna modalne i interfejsy gotowe do produkcji.
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
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.jsJasna struktura logiki biznesowej, API, socketów, zadań i realnych procesów – bez szumu frameworku.
// Ś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();UI z jComponents
spa.min@20Buduj formularze, dashboardy, tabele i kompletne przepływy pracy za pomocą komponentów zaprojektowanych do prawdziwych ekranów biznesowych.
<!-- 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>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.
Mniej narzutu.
Więcej kontroli po Twojej stronie.
Total.js jest zaprojektowany tak, żeby pozostać szybki, zrozumiały i blisko produktu, który tworzysz.
TotalDesktop Suite
Natywne narzędzia dla Maca i iPada zaprojektowane wokół realnych workflowów Total.js: zasoby, kod, monitoring, projekty i codzienna praca.

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.

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

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

Więcej aplikacji
Kolejne natywne narzędzia będą rozszerzać ten sam ekosystem o rozwój, zarządzanie, monitoring i ewolucję produktu.
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.
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.
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.
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.
Zespoły na całym świecie już budują rozwiązania z Total.js.
Zobacz wszystkie referencje





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