Skip to content

API and JSON

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

Back to Connect your first dynamic data

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

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.

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

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.

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.

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.