Navigation Menu
🧭 Project Navigation Overview
When you open a project in our SaaS tool, the left-hand navigation pane provides quick access to all core areas of your app configuration. This guide walks you through each section and what you can do there.
[ Insert Image here]
📦 Builder
The Builder is your visual editor — a no-code/low-code interface to create, structure, and design pages for your app. Use it to:
Add screens and layouts
Drag and drop components
Bind components to state or APIs
Preview UI across devices
🌐 Global State
Manage your app’s state centrally. The Global State section allows you to:
Define variables and stores shared across screens
Set default values and persist state
Watch live updates and bind state to UI elements
🔌 API
This is where you connect your app to external data. In the API section, you can:
Add REST or GraphQL APIs
Define request/response schemas
Add authentication headers
Test endpoints and use them in logic
Mock Responses if your backend is not ready
🎨 Theme
Customize the look and feel of your app. The Theme tab lets you:
Define color palettes and typography
Configure and Add custom components that you create in code
⚙️ Functions
Add custom business logic using JavaScript. In the Functions section, you can:
Write and organize reusable utility functions
Test the functions with different values
🕒 Versioning & Release
Track changes and control releases. The Versioning & Release area allows you to:
Create and manage versions of your app configuration
Stage versions that are stable to give to QA
Trigger release to production and manage rollouts
👥 Members
Invite collaborators to your project. In the Members section, you can:
Add or remove team members
Assign roles and permissions (Admin, Developer, Viewer, etc.)
⚙️ Settings
Configure project-level preferences and integrations.
📝 Tip: Hovering over an icon will show its label. This sidebar stays consistent across all your projects to help you navigate quickly.
Last updated