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

Core conceptsStructure

Apps and pages

Structure in Codelab.

An app contains pages. A page connects a route to an element tree.

Structure

Previous Page

Elements and the tree

Next Page