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.
Onboarding: Guided start
Section titled “Onboarding: Guided start”If you’re new to Wappler, start here. This onboarding path is organized in short modules so you can get to your first success quickly and continue later.
You do not need to finish it in one sitting.
- Start with the concept modules
- Move into your first project and first page
- Continue into data, preview, and workflows when you are ready
Tip: use Back to return here between modules. Your tour progress is saved, so you can resume later.
Onboarding path
Section titled “Onboarding path”Start now, continue in stages, and come back anytime.
Module 1: Learn the big picture
Why Wappler
A short, UI-light overview of what makes Wappler powerful: real files, full-stack workflows, portability, and debugging.
Learning the Basics
A visual, UI-light intro that starts a sequential learning path (with an index you can return to anytime).
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.
Module 2: Get to your first success
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.
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.
Module 3: 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.
Module 4: Connect data and logic
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.
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.
Workflows: Guided path
Pick a guided path for Server Connect Actions or App Connect Flows, then explore editors and recipes.
Module 5: Preview and publish 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.
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.
Why Wappler
A short, UI-light overview of what makes Wappler powerful: real files, full-stack workflows, portability, and debugging.