Pages Recipes
Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.
Choose a Pages Task
Use this menu when you already know the page job you need to do next. Pick the task first, then open the guide that matches creating pages, opening the right file, learning a concrete page pattern, or handing the page off into the editor and related families.
Choose a pages task
Section titled “Choose a pages task”Route from the page job you have to the guide that fits it.
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.
