Skip to content

Connect your first dynamic data

A beginner-friendly path from the first data-flow mental model into Database Manager, Server Connect, and App Connect so you can render real data on a page.

Back to API and JSON

Connect your first dynamic data

A beginner-friendly path from the first data-flow mental model into Database Manager, Server Connect, and App Connect so you can render real data on a page.

This is the beginner path from a static page to a page that shows real data.

The learning goal is simple:

understand the DB → API → page pipeline
know where database connections live
see how a first Server Connect action is created
understand how a page loads JSON and renders it
know what to learn next when you want more control

You do not need to master databases, APIs, or bindings here. You only need one clear end-to-end path that makes the moving parts feel predictable.

Complete in order

1. First Data Flow

Start with the mental model: database, Server Connect action, JSON response, and page rendering.

2. Database Manager quick overview

See where database structure and sample data live before using them in an action.

3. First Server Connect Action

Build and test a first action so the page has a reliable data source.

4. Server Connect components

Load data and submit forms through App Connect components that talk to Server Connect.

Optional depth

Workflows guided path

Choose between server-side actions and client-side flows when your logic grows.

Reactive basics

Understand how data, bindings, events, and dynamic attributes update the UI.

Open the broader data exchange hub for server responses, client bindings, and JSON.

Go to

Next: Preview and prepare to publish

Continue the First Success Path by verifying the result.

First Success Path

Return to the numbered beginner sequence.

Previous: Build your first page layout

Return to the previous stage in the First Success Path.

Wappler Docs Index

Return to the main docs and tours map.