Total.js para software de negócio real

Constrói mais rápido. Fica dono do teu stack.

Software de negócio sem camadas desnecessárias.

O Total.js combina um framework Node.js rápido, componentes de UI prontos para produção e aplicações já comprovadas, para que as equipas possam criar dashboards, portais, produtos SaaS e ferramentas internas com menos glue code e mais controlo.

0dependências
300+Componentes de UI
MITopen source
totaljs.es / stack de software
Core de backend

Routing, ações, REST, WebSocket, esquemas, ficheiros, views, e‑mail e controlo em runtime, tudo no mesmo sítio.

jComponents

Campos de entrada, datagrids, formulários, gráficos, dashboards, modais e interfaces prontas para produção.

# Node.js server-side framework
# Total.js v5
$ npm install total5
# Uma única base para backend, frontend e UI
Node.js
NoSQL
WebSocket
API/REST
Actions
Começa com uma base sólida

Um stack que podes compreender, estender e sentir como teu

O Total.js mantém as peças importantes juntas: backend, UI, dados, comunicação em tempo real e lógica de negócio, sem espalhar o produto por camadas desnecessárias.

Framework

Uma base em Node.js sem dependências desnecessárias, pensada para APIs, sockets, painéis de administração, portais, aplicações internas e produtos de longo prazo.

  • Routing direto e ações limpas
  • Esquemas, validação e acesso aos dados
  • REST, WebSocket, e‑mail, ficheiros e views

jComponents

Uma camada de UI pensada para aplicações de negócio: componentes reais, binding simples e ecrãs prontos a trabalhar sem stacks frontend pesados.

  • Formulários, datagrids, gráficos e dashboards
  • Bindings automáticos e vistas leves
  • Mais de 300 componentes em produção
Framework + jComponents

Um backend. Uma filosofia de UI.

Rotas, ações, esquemas, views, bindings e componentes encaixam naturalmente. Menos glue code, menos decisões e um caminho mais limpo da ideia à produção.

Framework puro

total5 / node.js

Uma estrutura clara para lógica de negócio, APIs, sockets, jobs e processos reais, sem ruído de framework.

framework.js
// Rotas, ações, esquemas, base de dados, sockets e e‑mail
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();
Routing intuitivo
Actions reutilizáveis
WebSocket integrado
NoSQL e esquemas
MVC e serverless
Escalável e simples

UI com jComponents

spa.min@20

Cria formulários, dashboards, tabelas e fluxos de trabalho completos com componentes pensados para ecrãs de negócio reais.

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:Procurar encomendas;autofill:1"></ui-component>
	<ui-component name="validate" path="?.form">
		<button class="exec" data-exec="?/submit">Guardar encomenda</button>
	</ui-component>

	<ui-component name="datagrid" path="?.orders" config="margin:0;click:?/detail">
		<script type="text/plain">
		[
			{ name: 'email', text: 'Cliente', width: 220 },
			{ name: 'total', text: 'Total', align: 2, template: "{{ total | format(2) }}" },
			{ name: 'dtcreated', text: 'Criado', 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>
300+ componentes
Datagrids e formulários
Bindings automáticos
Dashboards e gráficos
UI pronta para negócio
Páginas mais rápidas
Apps construídas em Total.js

Aplicações que mostram o stack em produção

O Flow, o OpenPlatform, o CMS e as outras aplicações Total.js não são demos. São produtos reais, construídos sobre a mesma base que podes usar na tua própria plataforma.

Flow

Automação, integrações e processos de negócio ligados a APIs, serviços e IA.

OpenPlatform

Uma base de portal privado com identidades, aplicações, utilizadores e acesso controlado.

CMS

Gestão de conteúdos que pode funcionar sozinha ou integrar-se numa solução de negócio maior.

Mais apps

Ferramentas construídas com a mesma filosofia: práticas, diretas e prontas para trabalho real.

Performance e simplicidade

Menos overhead.
Mais controlo do teu lado.

O Total.js é desenhado para se manter rápido, compreensível e perto do produto que estás a construir.

Comparação de velocidade de frameworks
Total.js
100%
Fastify
90%
Koa
77%
Express
70%
NestJS
67%
Sails
60%
Meteor
55%
Hapi
50%
Apps nativas conectadas

TotalDesktop Suite

Ferramentas nativas para Mac e iPad desenhadas à volta de workflows reais Total.js: recursos, código, monitorização, projetos e trabalho diário.

TotalResources app icon

TotalResources

Gere conteúdos multilingues a partir de uma app nativa: tradução, ajuda ortográfica, revisão e apoio de IA para cada texto de produto.

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

TotalCode

Um workspace nativo para Total.js Code, com controlo local e várias instâncias a partir de uma única aplicação.

IDE nativa
Várias instâncias
MCP / MVP
TotalMonitor app icon

TotalMonitor

Monitoriza a saúde do projeto, métricas, alertas e regras em tempo real, para que os problemas fiquem visíveis antes de se tornarem urgentes.

Tempo real
Alertas
MCP / MVP
More applications icon

Mais aplicações

Mais ferramentas nativas vão estender o mesmo ecossistema para desenvolvimento, gestão, monitorização e evolução do produto.

Em progresso
Novas apps
Ecossistema
Disponibilidade

Exclusivamente para Mac e iPad, em breve

O primeiro lançamento será focado no ecossistema Apple. Windows e Linux chegarão mais tarde, ainda sem data definida.

Mac
iPad
App Store
Mac App Store
Desenvolvimento profissional

Construímos software Total.js pensado para durar

Aplicações à medida, dashboards, portais, produtos SaaS e plataformas privadas construídos sobre uma base coerente, em vez de complexidade acidental.

Aplicações internas
Portais privados
Painéis de controlo
Produto SaaS
Refatoração e melhoria
Suporte técnico

Desenvolvimento à medida

Aplicações, dashboards, portais, ferramentas internas e produtos digitais construídos com Total.js.

Arquitetura e consultoria

Decisões técnicas, revisão da base e um plano prático antes de o produto crescer.

Implementação e evolução

Da primeira versão à melhoria contínua, com a mesma direção técnica.

Manutenção e melhoria

Otimização, refactor, novas funcionalidades e evolução progressiva de plataformas existentes.

Spanish Total.js Platform

Diz‑nos do que o teu negócio precisa para funcionar melhor

Desenhamos e construímos aplicações Total.js com uma base técnica clara e um caminho prático até à produção.

Aplicações de negócio e dashboards
Plataformas e portais privados
Arquitetura, implementação e evolução

Equipas em todo o mundo já constroem com Total.js.

Ver todas as referências
Siemens
Orange
Datalan
Metrostav
Slovalco
Volkswagen
Fale-nos sobre o seu projeto

Diz‑nos o que queres construir e nós respondemos com o próximo passo prático.