Skip to content

Data Flow and APIs

Start here for data flow in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.

Back to Connect your first dynamic data

Data Flow and APIs

Start here for data flow in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.

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.

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

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.

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.

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.