Skip to main content

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

ConceptWhat it is
RouteA URL path mapped to a page type (crud or custom)
Menu itemA 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_typeWhen to useWhat's needed
"crud"Standard list/create/edit/delete pageSet api_endpoint in extra params — no React component needed
"custom"Dashboard, wizard, any custom UIA React component exported from src/custom/pages/index.js

Sections