To add a page, simply create a new
.pug file in the
/content/templates folder. Here is a basic page setup you can use that will always work, regardless of folders/paths:
extends /templates_layouts/master block body // Your code here
When you add the page, you will see it appearing in the page index, and in the page tree.
The page tree shows a listing of the different pages in your prototype. The page tree can be shown and hidden at any time using the shortcut Ctrl + M (or Ctrl + B on Windows).
Using this shortcut will show the page tree. The page tree remember its state across pages. If you collapsed a folder, it will remember your choice as you navigate through the prototype.
You can nest
.pug templates in folders. The structure will be reflected on the index page and in the page tree.
Imagine you have a page called
sign-in.pug. When you add another template called
sign-in--error.pug (note the double dash), it will show up as a page state. Page states show up at the bottom of the page tree.
This is useful for showing the different states a page can be in.