Skip to content

Open in Wappler Discuss

How-To Guides

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

How-To Guides

Use this page when you already know the job you need to do and want the shortest practical route.

This is the best starting point for intermediate users: you may already understand pages, HTML, CSS, JavaScript, databases, or another builder, and you want Wappler-specific steps for the task in front of you.

The groups are organized by outcome: setup, page building, data and logic, security, publishing, and collaboration. Each group points to recipe hubs, not broad concept tours.

If you need a beginner mental model, go to Getting Started. If you need a quick lookup instead of a recipe, go to Reference.

How-to guides

Choose the job you need to complete, then jump into the right recipe hub. Broader concept guides live in the footer.

Start and set up

Project Manager Recipes

Task-focused Project Manager recipes: create projects, switch or remove projects, and start from an existing Git repository.

File Manager Recipes

Task-focused File Manager recipes: organize folders, upload assets safely, and handle external file changes.

Build pages and UI

Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.

Working with Elements

A practical Wappler path for everyday page editing: insert tags, move elements, apply classes, control spacing, and keep responsive images sane.

Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.

Media, Galleries and Effects

A Wappler learning hub for media-heavy pages, covering galleries, lazy loading, slideshows, and motion effects.

Add App Connect to Your Pages

Understand when a page needs App Connect and how to introduce reactive behavior without turning a simple page into unnecessary complexity.

Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.

Connect data and logic

Workflow Recipes

Task-focused workflow recipes: choose server-side or client-side logic and continue into the right implementation family.

Database Manager Recipes

Task-focused Database Manager recipes: create relations, create connections, edit live table data, and model nested or many-to-many structures.

State management

Keep UI state in URL and browser storage (Query/Cookie/Session/Local).

Recipes & patterns

Common Server Connect Actions recipes you can reuse: database CRUD, emails, security, and more.

Secure and control access

Security and Login

Start here for security-aware workflows in Wappler: session context, login-related server logic, and safe state handling.

Routing and URL Rewrite

Start here for modern Wappler routing: Routing Manager routes, layout pages, content pages, and the URL patterns that shape how users reach your app.

Publish and collaborate

Publish Recipes

Task-focused publishing recipes: confirm the target, read output correctly, and troubleshoot deployment feedback safely.

Git Manager Recipes

Use this recipe menu when you already know the Git job you need to do next: commit, inspect history, branch, sync, or recover safely.

Go to

Getting Started

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

Open destination

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.

Open destination

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

Open destination