Get started
Four ways into the handbook, depending on what you have in mind.
Four layers
An app is composed of toolkit modules. The modules read through the Data Interface and write through the capabilities the connector offers. A connector links it to a data source: Web of Trust, Supabase or your own.
Apps, modules and connectors can be swapped as long as they keep to the Data Interface: it is the fixed contract in the middle. The sections below walk through them from top to bottom.
模块化前端工具箱
Real Life Stack 是一个用 TypeScript 和 React 开发的模块化前端工具箱。它包含独立组件，既可用于参考应用，也可作为可复用库用于你自己的项目。
此外还在开发一个可自托管的白标应用，配有直观的管理配置界面，让团体无需技术知识即可启用模块、自定义颜色和内容。
One interface for all modules
All modules speak the same language. What they read and write are items in spaces, related to one another and to people; an event, a place, a task, a profile differ only in their fields. That is why the same neighbourhood festival can sit in the calendar and on the map without existing twice.
When an item changes, every surface showing it follows. And what the backend underneath can do decides what the surface offers: a connector that cannot write gets no write buttons, but an app that still runs.
Two connectors, one contract
Below the interface sits the connector. It decides where the data lives; the surface does not notice the switch. Two ship ready-made, each an npm package.
A connector of your own implements the same interface against another source, with exactly the capabilities the source offers. What it cannot do, the surface hides.
See it in action
The demo shows the reference app with every module. The handbook takes you to your own instance or app.