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.

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.