Connect your first dynamic data
A beginner-friendly path from the first data-flow mental model into Database Manager, Server Connect, and App Connect so you can render real data on a page.
Connect Your First Dynamic Data
Use this route to make a static page show real data. Follow it in order from the data-flow model to Database Manager, Server Connect, and page binding.
Connect your first data
Section titled “Connect your first data”Finish the data sequence first, then open optional depth only if needed.
Complete in order
First Data Flow (DB → Server Connect → Page)
Explore First Data Flow (DB → Server Connect → Page): Your first end-to-end mental model, After this tour, you’ll know, and pipeline, step by step.
Database Manager: Quick Overview
Get a quick overview of Database Manager: what it is, where to find it, and how it fits in your workflow.
First Server Connect Action
First Server Connect action: add steps, test the API response, and use it in a page or component.
Server Connect components (data + forms)
Load data and submit forms via Server Connect components, using built-in state (executing/lastError/data).
Add your first server action
Understand what a first Server Connect action does, how it fits into the beginner data flow, and which practical tours to open next.
Optional depth
Workflows: Guided path
Pick a guided path for Server Connect Actions or App Connect Flows, then explore editors and recipes.
Reactive basics (data → UI)
A beginner-friendly mental model for App Connect: how data, bindings, events, actions, and Dynamic Attributes combine into reactive UI updates.
Data Flow and APIs
Start here for data flow in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.
Go to