Server Connect Editor
Overview and deep dives for the dedicated Server Connect Actions editor: panels, adding steps, action structure, and properties.
Use the Server Connect Editor
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.
Choose an editor path
Section titled “Choose an editor path”Open a Server Connect action first, then move into overview, inputs, building, databases, or demo walkthroughs.
Start here
Server Connect Actions Editor
Tour the Server Connect Actions Editor: build action flows, configure step properties, and test outputs quickly.
Server Connect Actions: Core Concepts
A beginner-friendly mental model for Server Connect Actions in the editor: inputs → steps → JSON output, data scope, and output schemas.
Web and Database Server Outputs
Inspect a database-backed Server Connect action to see where database results become the JSON output your web UI binds to.
Action structure
Understand a Server Connect Action file: inputs/variables, steps, output, and how data flows through an action.
Properties & inputs
How to configure steps using the Properties panel, including expressions, pickers, and common patterns.
Adding steps
All 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 & Reuse
Learn 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 HQ
Beginner-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.
Go to
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.
Workflows
A guided starting point for Workflows: Server Connect Actions (server-side) and App Connect Flows (client-side).
Server Connect Actions
Start here for Server Connect Actions (Workflows > Server Connect Actions): manager overview, a guided path, a first action, editor deep dives, and recipes & patterns.