Pages Recipes
Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.
Pages Recipes
Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.
Start with the correct page surface.
Move cleanly from management into editing.
Use the next family based on what the page needs next.
Choose and create pages
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.
Learn 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.
Continue building
Design + Code Overview
Explore HTML Editor Design Code: key areas and how they work together.
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
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.
HTML Editor
Browse HTML Editor tours: Quick Overview, Design + Code, and Page Panels.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.