How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
The main groups below stay recipe-focused. If you need a concept map or a broader onboarding branch instead of a task guide, use the Go to footer.
Start and set up
Build pages and UI
Pages Recipes
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.
Bootstrap
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.
App Connect
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
Go to
Getting Started
Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.
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.
API and JSON
Start here for data exchange concepts in Wappler: server-side actions, client-side bindings, and your first dynamic data flow.