API and JSON
Start here for data exchange concepts in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.
API and JSON
This page groups the tours that teach Wappler’s data exchange model. Start here when you want to understand how server-side actions return data, how pages consume that data, and how App Connect turns JSON responses into live UI.
If you are completely new, take the concept-first route first. If you already understand the basics, jump directly into Server Connect or App Connect.
API and JSON
Section titled “API and JSON”Understand the flow from server response to bound UI.
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.
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.
Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
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
Choose the right Wappler learning path: beginner onboarding, task-based how-to guides, advanced reference, switching guides, and product-area indexes.