Architecture — Wappler Docs Hub

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

Why Wappler

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

View guide

Wappler's UI

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

View guide

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.

View guide

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.

View guide

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.

View guide

Go to

Getting Started

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

View guide

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.

View guide

Wappler Docs Index

Guided documentation and interactive tours for beginners, builders, switchers, and advanced users, from first project to full-stack reference.

View guide