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.
First Success Path
Section titled “First Success Path”This is the shortest guided path from opening Wappler to getting a visible result on screen.
It assumes you are still building your mental model, so the stages are ordered to answer one question at a time:
- What setup should I choose?
- How do I create a safe first project?
- Where do I build my first page?
- How does data reach that page?
- How do I check the result before I share it?
You do not need to finish it in one sitting.
Tip: each linked tour below can resume from saved progress.
First Success Path
Section titled “First Success Path”The fastest route to your first useful result in Wappler.
Stage 1: Plan your first project
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.
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.
Stage 2: Build your first page
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.
Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
Pages Manager
Browse, create, and organize pages, then open them in the HTML Editor.
Design + Code Overview
Explore HTML Editor Design Code: key areas and how they work together.
Stage 3: Connect your first dynamic data
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.
First Data Flow (DB → Server Connect → Page)
Explore First Data Flow (DB → Server Connect → Page): Your first end-to-end mental model, After this tour, you’ll know, and pipeline, step by step.
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.
First Server Connect Action
First Server Connect action: add steps, test the API response, and use it in a page or component.
Stage 4: Preview and prepare to publish
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.
Preview your first app
Learn how to switch a page into Preview mode, verify the result, inspect requests, and know where publish-related project setup begins.
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 quick overview of Git Manager: what it is, where to find it, and how it fits in your workflow.
Go to
Onboarding: Guided start
A curated onboarding path for new users that can be completed in stages: learn the basics, create your first project, build your first UI, and continue when you are ready.
Wappler Docs Index
Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.