Wappler documentation
Page and layout tasks
Choose a page type, edit its content and reuse layouts.
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 and create pages
Choose and Open a PageA practical Pages workflow for choosing the right page or layout, opening it, and handing off cleanly into the HTML Editor.Pages ManagerFocused walkthrough of the Pages Manager panel: folder tree, page listing, and the handoff into the HTML Editor.Starter PagesUse Pages Manager to create layout, content, partial, and full pages from the new Bootstrap 5 starter catalog.
Learn page patterns
Reusable Partials and IncludesA guided Node.js workflow for reusable partial pages, shared shell sections, and the layouts that include them.Layout pages and shared shellsUse Demo Projects HQ to understand layout pages, shared shells, and the content slot that routed pages fill.Creating template based pages and layout in Wappler with NodeJSWhen creating a website usually you want to include common elements like header/menu and a footer on all you pages. This was possible until now using SSI (server side includes) but this technique requRoute-aware content pagesUse Demo Projects HQ page tiles to see the list, detail, and form pages that routing targets.Auth layouts and login pagesUse Demo Projects HQ to see why login pages use a different layout from the main app shell.
Continue building
Design + Code OverviewExplore HTML Editor Design Code: key areas and how they work together.BootstrapBuild Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.App ConnectYour guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.