Skip to content

Pages Recipes

Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.

Back to Pages and Layouts

Pages Recipes

Task-focused Pages recipes: choose the right page surface, move into editing, and hand off cleanly into layout building.

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

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.

Focused walkthrough of the Pages Manager panel: folder tree, page listing, and the handoff into the HTML Editor.

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.

Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.

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.

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.