Studio

Hyper Studio is your visual workspace for building full-stack applications. Define data structures, set up authentication, manage roles, and generate production-ready backend and frontend code — including data tables with complete CRUD operations — all without writing boilerplate.

What You Can Do

Design Data Models

Create collections with 16+ field types and relationships

Learn more

Configure Access Control

Define roles, permissions, and area-specific ACL rules

Learn more

Apply Branding

Set themes, logos, and display settings globally or per area

Learn more

Deploy and Export

Publish to cloud or export production-ready code

Learn more

Studio Sections

Section	Description
Collections	Define data structures and relationships
Areas	Organize views and UI layouts
Roles	Manage access control and permissions
Settings	Configure project-wide parameters
Deploy and Export	Publish to cloud or export your project as production-ready Node.js and React code
Interface	Create reusable Data Objects for select fields and configurations

Workflow

1. Define Collections — Build your data model with fields and relationships
2. Set Up Auth — Create auth collections for user authentication
3. Create Roles — Define roles and access conditions
4. Configure Areas — Set up areas with specific permissions and views
5. Customize Views — Configure list views, forms, and themes
6. Generate & Deploy — Export and deploy your application

Start Building

• Collections — Create your first data model
• Fields Overview — Explore 16+ field types
• Areas — Organize your application
• Roles — Set up access control