Hub Studio & AppWebs
Hub Studio builds web applications (AppWebs) in a single environment: Canvas. You describe what you need to Copilot, watch the live result, and iterate until you publish. There is no other way to create websites in Hub.
What is an AppWeb?
An AppWeb in Hub iAbot is not just a nice design or a static template; it's a fully functional application, generated by artificial intelligence, ready to scale.
React & State
Modular component tree, real routing, and internal state management.
Dynamic Design
Modern styles, media assets, and responsive layouts generated with the app.
Data Contract
SQL structure automatically inferred to persist your users' information.
Hub Studio: Canvas
From Mis AppWeb click + Nueva AppWeb to open Canvas: a live workspace with a typographic Welcome and the Copilot chat. You build, review, and publish without leaving the workspace.
Create and iterate through chat. The first message replaces Welcome and starts generation; later messages refine the app on the same canvas.
Ask investigates and defines without editing. Plan structures an executable plan. Agent applies changes on the live workspace. Copilot’s line: “Ask define. Plan estructura. Agent aplica.”
Preview, Código, Datos, and Proceso tabs let you see the app, the code, the data contract, and the agent’s progress in real time. Workspace guide →
Use Adjuntar to send screenshots or PDFs that guide the design. You can also dictate by voice. The loop is conversational: ask → review in Preview → ask again.
Deterministic Database
Unlike traditional prototyping tools, Hub iAbot prepares your application for the real world from the very first second.
SQL Generation and Supabase
The system analyzes your AppWeb's views and forms to extract a "data contract." With this, it generates deterministic SQL code and automatically creates an isolated, secure schema in Supabase for your application. You don't need to create tables by hand or manage connection strings; Hub orchestrates the data infrastructure for you.
Publishing and Production
When the Canvas preview looks right, the final step is taking the AppWeb live.
Clicking Publicar lets you set the final public URL. If it’s already in production, Live lets you open it or republish changes. At that moment the application becomes live and is linked to its Supabase database.
Once in production (or from Canvas itself), you can use Conectar Flow to give your AppWeb an omnichannel voice through WhatsApp or Telegram.
Learn how Flow connects with your AppWeb