Pages & Components

These endpoints allow you to manage the UI structure of your project, including pages, logical sections within those pages, and specific UI components.

Pages

GET /crud/pages POST /crud/pages PUT /crud/pages DELETE /crud/pages

The Page Object

Field	Type	Description
id	UUID	Unique identifier.
project_id	UUID	Parent project.
name	string	Page name (e.g., "Dashboard").
path	string	URL path (e.g., "/dashboard").
page_type	string	e.g., "landing", "app", "form".
status	string	draft, in_progress, completed.

---

Sections

GET /crud/sections POST /crud/sections PUT /crud/sections DELETE /crud/sections

The Section Object

Field	Type	Description
id	UUID	Unique identifier.
page_id	UUID	Parent page.
name	string	Section name (e.g., "Hero Section").
order_index	integer	Position on the page.

---

Section Components

GET /crud/section-components POST /crud/section-components PUT /crud/section-components DELETE /crud/section-components

The Component Object

Field	Type	Description
id	UUID	Unique identifier.
section_id	UUID	Parent section.
name	string	Component name (e.g., "Primary Button").
component_type	string	e.g., "button", "input", "card".
props	object	JSON configuration for component properties.

Example: Creating a Page with Sections

1. Create the page first to get a page_id.

2. Create sections using that page_id.

3. Create components using the section_id.

# Create a Section
curl -X POST "https://vibemap.ai/api/crud/sections" \
     -H "Authorization: Bearer YOUR_TOKEN" \
     -H "Content-Type: application/json" \
     -d '{
       "page_id": "PAGE_UUID",
       "name": "Navigation Bar",
       "order_index": 0
     }'