API and JSON

Back to Browse by learning goal

API and JSON

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

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.

Open tour

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.

Open hub

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.

Open tour

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.

Open tour

First Server Connect Action

First Server Connect action: add steps, test the API response, and use it in a page or component.

Open tour

Database Manager

Browse Database Manager tours: quick overview, general usage, recipes, and reference.

Open hub

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.

Open tour

App Connect Quick Overview

A hands-on intro to App Connect in Wappler: review key components, configure Properties, and attach an event action.

Open tour

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.

Open tour

Pages: Overview

Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.

Open tour

Go to

Getting Started

Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.

Open tour

How-To Guides

Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.

Open tour

Wappler Docs Index

Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.

Open tour