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).
Check the getting started guide to run Protofy on your computer, directly with npm or using docker.
protofyapi.mp4
main_HD.mp4
Get help and code from integrated ChatGPT with autmatic context transfer
Edit any Javascript or typescript code using visual programming or traditional code
Program, deploy and manage connected devices and IoT networks visually, in minutes.
Protoflow
LowCode interactive diagram system for Javascript and TypescriptVisualUI
What you see is what you get (wysiwyg) for react, like FlutterFlow but for reactProtolib
Protofy Framework on top of react, express and tamaguiExpress
API system based on NodeJS (With automatic CRUD creation)Aedes
mqtt serverRedbird
http reverse proxy- Tamagui πͺ
- Solito for cross-platform navigation
Expo SDK
Next.js
Expo Router
Many more things!
The project has two main folders:
-
apps
expo
(native)next
(web)api
(express API to create the web or app)admin-api
(express API with the admin API)proxy
(redbird reverse proxy)
-
packages
shared packages across appsui
includes your custom UI kit that will be optimized by Tamaguiapp
you'll be importing most files fromapp/
bundles
custom
the custom bundle, put here your custom pages, components, apis, etc. The admin panel reads and writes on this bundle.
protolib
Protofy react library with high level widgets and functions to bootstrap the web/app creationprotoflow
Protofy react library to draw js/ts/jsx/tsx as diagramsvisualui
Protofy react library to do WYSIWYG in reactprotodevice
Protofy 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.
You already know the basics? Check these amazing docs to learn more:
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.
Many thanks also to @OttoWinter for creating ESPHome project. We want also to thank Choly Knight for being our main inspiration creating Protofito concept based on her Robot Plush desing.