Getting Started

Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.

Getting Started

Use this page as the fastest beginner map through Wappler. Start with orientation if you want context, or jump straight to the guided path if you want a structured first win.

The goal is to move from understanding the product to building one real page, connecting one real data source, and knowing what to do next.

If you are arriving from Bubble, Webflow, WordPress, or an AI coding editor, use the Switching to Wappler branch before diving deeper.

The main groups below stay focused on first-win onboarding. Broader family hubs are kept in the Go to footer so the beginner path stays clear.

Getting started

Start with orientation, then build toward your first complete result. Broader family hubs are in the footer.

Start with orientation

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.

Open tour

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.

Open tour

Learning the Basics

A visual, UI-light intro that starts a sequential learning path (with an index you can return to anytime).

Open tour

Why Wappler

A short, UI-light overview of what makes Wappler powerful: real files, full-stack workflows, portability, and debugging.

Open tour

Switching to Wappler

Start here if you know Bubble, Webflow, WordPress, or AI coding editors and want the fastest path to Wappler's equivalents, advantages, and migration mindset.

Open tour

Wappler's UI

A quick orientation to Wappler: main panels, editors, and the core workflow for building and previewing apps.

Open tour

Create your first project and page

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.

Open tour

Choosing Your Project Setup

Explore Choosing Your Project Setup: Development Environment and Server Model.

Open tour

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.

Open tour

Pages: Overview

Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.

Open tour

Continue into data and delivery

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.

Open tour

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.

Open tour

Go to

How-To Guides

Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.

Open destination

API and JSON

Start here for data exchange concepts in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.

Open destination

Publish Manager

Browse Publish Manager tours: quick overview, general usage, recipes, and reference.

Open destination