Pages and Layouts
Start here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.
Pages and Layouts
Start here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.
Choose a pages path
Section titled “Choose a pages path”Start with the page mental model once, then move into the concrete page task, real page patterns, and the next editor family.
Start here
Pages: Quick Overview
Get a quick overview of Pages: where page management ends, where editing begins, and how the family fits together.
Choose and Open a Page
A practical Pages workflow for choosing the right page or layout, opening it, and handing off cleanly into the HTML Editor.
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.
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.
Server-rendered Pages and Layouts
Understand how routed pages, shared layouts, and server-rendered context fit together in Wappler Node.js projects.
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.
Task guides 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