Skip to content

Architecture

Start here for Wappler's big-picture architecture: the UI, the main frameworks, the data flow, and how the major layers fit together.

Back to Choose your path

Architecture

Start here for Wappler's big-picture architecture: the UI, the main frameworks, the data flow, and how the major layers fit together.

Use this route for the big-picture model. Start with the overall system, then move into the UI, frameworks, workflows, and data flow.

Learn the system

Start with the big picture, then move into the core layers.

Start with the big picture

A short, UI-light overview of what makes Wappler powerful: real files, full-stack workflows, portability, and debugging.

A quick orientation to Wappler: main panels, editors, and the core workflow for building and previewing apps.

Understand the core layers

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.

First Data Flow (DB → Server Connect → Page)

Explore First Data Flow (DB → Server Connect → Page): Your first end-to-end mental model, After this tour, you’ll know, and pipeline, step by step.

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.

Go to

Getting Started

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

Reference Tours

Browse fast-reference entry points across Wappler so you can look up UI surfaces, managers, frameworks, and runtime concepts without replaying full how-to tours.

Wappler Docs Index

Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.