First Success Path
A guided path from first project to first page and first data flow, designed to get new users to a visible result quickly.
Stage 2: Build Your First Result
Use this route after the basics. Follow it in order from project setup to your first page, first data, and first preview.
Build your first result
Section titled “Build your first result”Complete this stage in order, then branch into tasks or reference.
Stage 2: Complete in order
Choosing Your Project Setup
Explore Choosing Your Project Setup: Development Environment and Server Model.
Create a New Local Project
Learn how to move from Project Manager into the New Project flow, pick a clean starter template, and understand the settings that shape your first local project.
Build your first page layout
A beginner-friendly path from Pages Manager to the HTML Editor and Bootstrap basics so you can build your first real page layout.
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.
Add your first server action
Understand what a first Server Connect action does, how it fits into the beginner data flow, and which practical tours to open next.
Preview and prepare to publish
A beginner-friendly close-out stage for checking your first page, verifying data requests, and understanding the next step toward sharing or deploying your app.
Reference while you complete Stage 2
Project Manager: Quick Overview
Get a quick overview of Project Manager: what it is, where to find it, and how it fits in your workflow.
Pages Manager
Focused walkthrough of the Pages Manager panel: folder tree, page listing, and the handoff into the HTML Editor.
Database Manager: Quick Overview
Get a quick overview of Database Manager: what it is, where to find it, and how it fits in your workflow.
Publish Manager: Quick Overview
A short orientation to Publish Manager so you can confirm the active target and read publish feedback with confidence.
Git Manager: Quick Overview
Get a fast, accurate map of the new Git Manager: view modes, branch and actions & options menus, adaptive sync toolbar, history list, and detail workspace.
After your first result
How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
Reference Tours
Browse fast-reference entry points across Wappler so you can look up UI surfaces, managers, frameworks, and runtime concepts without replaying full how-to tours.
Pages and Layouts
Start here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.
Data Flow and APIs
Start here for data flow in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.
Go to