App Studio Overview
The BizFirstGO no-code visual application builder — create fully functional internal tools and dashboards without writing a line of code.
What Is App Studio?
App Studio is BizFirstGO's no-code/low-code visual application builder. It allows product teams, business analysts, and engineers to assemble complete data-driven applications through a drag-and-drop interface — no HTML, no CSS, no backend plumbing required.
Applications built in App Studio are deployed per-tenant as live, interactive tools. They can pull live data through the AIExtension.Service layer, trigger workflows in Flow Studio, embed forms built in Atlas Forms, and enforce role-based access through Passport IAM.
App Studio is designed for business users first. The visual builder is approachable enough for non-engineers to build dashboards and internal tools, while remaining powerful enough for engineers to add custom JS, complex data bindings, and workflow integrations.
Who Uses App Studio?
Business Analysts
Assemble dashboards and reports from existing data — no developer needed for common use cases.
Product Teams
Build internal admin tools, approval portals, and operational dashboards for their product areas.
Platform Engineers
Use App Studio for rapid prototyping, extend with custom widgets and JavaScript, deploy to production.
Tenant Admins
Configure and publish apps for their tenant's users without touching infrastructure.
Key Differentiators
| Feature | What It Means |
|---|---|
| No-Pages Model | Apps are organized as AppPages with Panes and Widgets — not static HTML pages. Content areas compose dynamically. |
| No Direct Database Access | All data flows through AIExtension.Service — ensuring multi-tenant isolation, caching, and audit logging by default. |
| Live Canvas Preview | Changes in the builder reflect immediately on the canvas. Switch between Desktop, Tablet, and Mobile previews in one click. |
| Workflow Integration | Any button or action can trigger a Flow Studio process — turning static apps into interactive workflow frontends. |
| Atlas Forms Embedding | Any Atlas Form can be dropped into a Pane as a Form Widget — forms and apps share the same data layer. |
| Token-Based Data Binding | The {{ }} syntax powers reactive data binding — connect widget properties to variables, user context, and service results. |
| Role-Based Permissions | Three permission levels: app access, page visibility, widget visibility — all configured without code. |
| Export/Import | Apps export as portable JSON bundles for environment promotion (dev → staging → production). |
Where App Studio Fits in BizFirstGO
App Studio is the UI layer of the BizFirstGO platform. It connects the platform's core systems:
Atlas Forms
Form widgets embed Atlas Forms inside App Studio panes. Users fill in forms, which submit through the platform's standard form pipeline.
Flow Studio
Actions on widgets (button clicks, form submits) can trigger Flow Studio workflows with a single configured action — no custom API calls needed.
AIExtension.Service
The exclusive data access layer for App Studio. All grid data, chart data, and form submissions go through this service — never direct SQL.
Passport IAM
Role claims from the Passport JWT token populate {{ context.roles }} — driving per-widget and per-page visibility rules without extra configuration.
Published App
The finished app is published to the tenant's App Studio runtime — accessible to authorized users via their browser, fully responsive.
In This Guide
This guide covers the foundational concepts you need before diving into any other App Studio guide:
- No-Pages Model — how App Studio organizes apps differently from traditional web apps
- Core Concepts — AppPage, Pane, Widget, Action — the vocabulary used throughout the documentation
- vs. Atlas Forms — when to use App Studio and when to use Atlas Forms
- vs. Flow Studio — the UI layer vs. the workflow engine — they complement each other
- Key Capabilities — a feature-by-feature breakdown of what App Studio can do
- Architecture — the 12 frontend packages and the C# service layer
- Getting Started — create your first app step by step