Data Flow and APIs
Start here for data flow in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.
Data Flow and APIs
Use this hub when you want to understand how data moves through Wappler. Start with the mental model, then branch into Server Connect, App Connect, and page binding.
Choose a data path
Section titled “Choose a data path”Start with the mental model, then move into server APIs, client bindings, and related surfaces.
Start with the mental model
App Connect + Server Connect (The Big Picture)
Understand the big picture: how App Connect (UI/data binding) and Server Connect (APIs/actions) work together in a Wappler app.
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.
Workflows: Quick Overview
Get a quick overview of Workflows: the split between Server Connect Actions and App Connect Flows, and how to choose the right starting point.
Server-side APIs and responses
Server Connect Actions
Start here for Server Connect Actions (Workflows > Server Connect Actions): manager overview, a guided path, a first action, editor deep dives, and recipes & patterns.
First Server Connect Action
First Server Connect action: add steps, test the API response, and use it in a page or component.
Web and Database Server Outputs
Inspect a database-backed Server Connect action to see where database results become the JSON output your web UI binds to.
Using Session Variables
Use session-backed values inside Server Connect actions so identity, permissions, and other secure state stay on the server.
Database Manager
Browse Database Manager tours: quick overview, general usage, recipes, and reference.
Client-side bindings and rendering
App Connect
Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.
App Connect Quick Overview
A hands-on intro to App Connect in Wappler: review key components, configure Properties, and attach an event action.
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.
JSON Data
Learn when to use JSON files as a simple data source in Wappler, wire one into a page, and pass that data into components and bindings.
Caching API Data
Guide to API caching strategy in Wappler, focused on freshness, request cost, and page-versus-server ownership.
Pages and Layouts
Start here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.
Go to
Getting Started
Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.
How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.