AI Supercharged LowCode Platform CMS and Framework
Protofy is a Full-Stack, batteries included Low-Code enabled web/app and IoT system with an API system and real time messaging.
You can use this as a base to fast prototype Apps, webs, IoT systems, automations or APIs. Based on: Protofy (protoflow + visualui + protolib + protodevices) + Expo + Next.js + Tamagui + Solito + Express + Aedes + Redbird + Many other amazing packages
You can think of Protofy as a Wordpress but based in react and javascript and some features from supabase, plus visual widget editors to edit source code inside the admin panel itself and a a visual editor for react pages (wysiwyg).
A ultra-extensible CMS with supercharged capabilities, mobile support and IoT support (esp32 thanks to esphome).
ProtoflowLowCode interactive diagram system for Javascript and TypescriptVisualUIWhat you see is what you get (wysiwyg) for react, like FlutterFlow but for reactProtolibProtofy Framework on top of react, express and tamaguiExpressAPI system based on NodeJS (With automatic CRUD creation)Aedesmqtt serverRedbirdhttp reverse proxy- Tamagui πͺ
- Solito for cross-platform navigation
Expo SDKNext.jsExpo RouterMany more things!
The project has two main folders:
-
appsexpo(native)next(web)api(express API to create the web or app)admin-api(express API with the admin API)proxy(redbird reverse proxy)
-
packagesshared packages across appsuiincludes your custom UI kit that will be optimized by Tamaguiappyou'll be importing most files fromapp/bundlescustomthe custom bundle, put here your custom pages, components, apis, etc. The admin panel reads and writes on this bundle.
protolibProtofy react library with high level widgets and functions to bootstrap the web/app creationprotoflowProtofy react library to draw js/ts/jsx/tsx as diagramsvisualuiProtofy react library to do WYSIWYG in reactprotodeviceProtofy integration with ESPHome for IoT and device management
You can add other folders inside of packages/ if you know what you're doing and have a good reason to.
protofy-getting-started.mov
First steps? Check the getting started guide.
Comming soon...
Check out the LICENSE file for details.
We would love to develop Protofy together with our community! Best way to get started is to select any issue. If you would like to contribute, please review our Contributing Guide for all relevant details.
The first point of call should be our Discord. Ask your questions about bugs or specific use cases, and someone from the core team will respond. Or, if you prefer, open an issue on our GitHub repo.
Many thanks @natew for creating the original starter and to @FernandoTheRojo for the Solito starter monorepo which the original @natew starter was forked from. Check out Fernando Rojo his talk about using expo + next together at Next.js Conf 2021.