Wappler documentation
Server Connect Editor
Overview and deep dives for the dedicated Server Connect Actions editor: panels, adding steps, action structure, and properties.
Use this hub when you already have a Server Connect action open in the editor. Start with the overview, then move into inputs, building patterns, database actions, or demo walkthroughs.
Start here
Server Connect Actions EditorTour the Server Connect Actions Editor: build action flows, configure step properties, and test outputs quickly.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.Web and Database Server OutputsInspect a database-backed Server Connect action to see where database results become the JSON output your web UI binds to.Action structureUnderstand a Server Connect Action file: inputs/variables, steps, output, and how data flows through an action.Properties & inputsHow to configure steps using the Properties panel, including expressions, pickers, and common patterns.Adding stepsAll the ways to add and organize steps in the Server Connect Actions editor (Actions panel, drag & drop, inline + controls, context menu).Server Connect Actions: Control Flow & ReuseLearn the power tools in the editor: conditionals, switch/select, try/catch, loops, parallel, and reusable library actions.
Explore hubs
Server Connect Editor: Inputs (hub)Start here for inputs in the Server Connect Editor: URL ($_GET/$_PARAM), POST body ($_POST), and session/cookies.Server Connect Editor: Building actions (hub)Start here for building Server Connect Actions in the editor: adding steps, action structure, properties, and reuse.Server Connect Editor: Database actions (hub)Start here for database steps in Server Connect Actions: SELECT queries with the Query Builder and INSERT/UPDATE/DELETE with the Updater dialog.
Demo walkthroughs
Demo walkthroughs: Demo Projects HQBeginner-to-advanced walkthroughs using the Demo Projects HQ project, connecting Server Connect Actions to the frontend pages that call them.Demo walkthrough: Clients list (API → Page)Trace the Clients list page end-to-end: a Server Connect SELECT action feeds a dmx-serverconnect component and a repeater.Demo walkthrough: Client forms (Create/Edit/Delete)Learn how Server Connect Actions power forms: POST validation, dbupdater INSERT/UPDATE/DELETE, and client-side error/success states.Demo walkthrough: User update (routing + session + security)Use the real users/update.json action in Demo Projects HQ to connect route params, session context, permissions, and a secure database update.