Wappler documentation
Concepts
Understand the client, server and database layers, then follow a guide to put the model into practice.
How the app works
App Connect and Server ConnectDecide whether a piece of a feature belongs in the browser, the server action or the database.Trace data from database to pageFollow a product list across the database, server action and page binding.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.Server Connect Actions: Core ConceptsA beginner-friendly mental model for Server Connect Actions in the editor: inputs → steps → JSON output, data scope, and output schemas.
Data and behavior
How repeats and conditional display workThe differences between repeating an element, repeating its children, showing an element, and rendering it conditionally.Core concepts (expressions + bindings)Understand App Connect’s reactive model, expression rules, scoping, and how to use Wappler’s data/action pickers to build bindings visually.Server Connect Actions: URL inputs (GET + Param)Understand URL inputs in Server Connect: query string ($_GET) and path params ($_PARAM), plus how to test them reliably.WorkflowsA guided starting point for Workflows: Server Connect Actions (server-side) and App Connect Flows (client-side).
Project choices
Choosing Your Project SetupExplore Choosing Your Project Setup: Development Environment and Server Model.Pages and LayoutsStart here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.Security and loginSet up authentication, protect pages and server actions, and manage user sessions.Hosting and Cloud PlatformsStart here for deployment-oriented thinking in Wappler: targets, environments, publish workflows, and the project settings that affect hosting.
Learning the fundamentals
Web app basicsPick any Learning Basics tour, or start the recommended sequence.Wappler's UIA quick orientation to Wappler: main panels, editors, and the core workflow for building and previewing apps.Why WapplerA short, UI-light overview of what makes Wappler powerful: real files, full-stack workflows, portability, and debugging.