Introduction The builder workspace Build your first page

Apps and pages Elements and the tree Layout and styling Responsive layouts Components and instances Repeating and conditional elements

Props Stores Types and schemas Bindings and expressions Component props Route and session values External data

Events Functions and parameters Actions Reading and updating state Hooks Navigation

Build a landing page Build a contact form Build a searchable directory Build a list and detail view Build a dashboard Build a multi-step form Create a reusable component library Connect a page to an API

Building with AI Connect MCP Previewing and debugging Publishing your app

Build a searchable directory

Guide outline.

Data → repeated cards → search value → filter expression → empty state.

Build a contact form

Previous Page

Build a list and detail view

Next Page