Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
Choose a Pages tour to start. If you are new, begin with Quick Overview, then continue into Pages Manager or the HTML Editor depending on whether you need orientation or hands-on building.
Pages and layouts
Section titled “Pages and layouts”Start with the page workflow, then move into editing and layout building.
Guided start
Pages: Quick Overview
Get a quick overview of Pages: where page management ends, where editing begins, and how the family fits together.
Pages Manager
Browse, create, and organize pages, then open them in the HTML Editor.
General Usage
Typical Pages path: organize pages, open the right file, and continue building in the HTML Editor.
Concrete page patterns
Layout pages and shared shells
Use Demo Projects HQ to understand layout pages, shared shells, and the content slot that routed pages fill.
Route-aware content pages
Use Demo Projects HQ page tiles to see the list, detail, and form pages that routing targets.
Auth layouts and login pages
Use Demo Projects HQ to see why login pages use a different layout from the main app shell.
Recipes and reference
Continue building
Related families
Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
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.