Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
Pages
Choose a Pages tour to start. If you are new, begin with Quick Overview, then continue into Pages Manager, Starter Pages, or the HTML Editor depending on whether you need orientation, page creation, 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
Focused walkthrough of the Pages Manager panel: folder tree, page listing, and the handoff into the HTML Editor.
Starter Pages
Use Pages Manager to create layout, content, partial, and full pages from the new Bootstrap 5 starter catalog.
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.
Go to