Skip to content

Server Connect Editor

Overview and deep dives for the dedicated Server Connect Actions editor: panels, adding steps, action structure, and properties.

Back to Server Connect Actions

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.

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.

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.

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.