Routes & Menus
Routes and menus are configured in the App Panel under Packages → AppBuilder. This is how you tell the frontend which pages exist and how the sidebar navigation is structured for each role.
How It Works
App Panel (routes + menus)
↓ saved to database
/appbuilder/initializer/ API
↓ served at runtime
ZangoApp (React)
↓ renders
Sidebar nav + page routing
The React app fetches routes and menus from /appbuilder/initializer/ on load. No frontend rebuild is needed when you change routes or menus — just configure in App Panel and refresh.
Two Concepts
| Concept | What it is |
|---|---|
| Route | A URL path mapped to a page type (crud or custom) |
| Menu item | A sidebar link for a specific user role, pointing to a route |
Routes define what exists. Menus define what each role can see and navigate to.
Page Types
page_type | When to use | What's needed |
|---|---|---|
"crud" | Standard list/create/edit/delete page | Set api_endpoint in extra params — no React component needed |
"custom" | Dashboard, wizard, any custom UI | A React component exported from src/custom/pages/index.js |
Sections
- Configuring Routes — add pages in App Panel
- Configuring Menus — set up per-role navigation