← Back to Documentation

Creating a Page

Every page in your site is just an .html file in your project folder.

Add a new page

Click + New File in the top toolbar and give it a name (e.g. pricing.html). The extension creates the file in your project folder, fills it with starter content, and opens it for editing right away. File names are cleaned up automatically — spaces and unsafe characters get slugified, so "My Page!.html" becomes something safe to publish as a URL.

New pages aren't linked from anywhere until you add them to a menu — see Site Settings for the "Edit Menus" dialog, or just link to them by hand from another page (e.g. <a href="/pricing.html">).

Page title, meta description and status

Click the ⚙ icon next to any page in the file list to set a custom <title> and meta description for that page. Leave a page without one and it falls back to a default built from the file name and your site title.

When you create a page, it is marked as Active by default. The settings for each page allows you to set a page to Draft status if desired. Pages in Draft status will not be published at the next deployment. If a page was previously published and later changed to Draft, any links to it will return a 404 Page Not Found error after your next site publish.

Visual vs. Code view

The editor pane has two views for the same file, switchable at the top:

Both views stay in sync with the same file — switching views doesn't lose your work, and every keystroke saves straight back to disk. There's no separate save step.

Saving your work

No need to worry about saving. Every time you make a change to a page it is saved to the content file on your computer automatically.

Images

Use 🖼️ Image in the editor toolbar to upload and insert an image in one step, or 📎 Assets to browse/reuse images you've already uploaded to the project's assets/ folder. Once an image is placed, click it to open Image Properties for alt text and size/float/style presets (the exact classes applied depend on your site's CSS framework — Bootstrap or Tailwind).

Deleting a page

Click the 🗑 icon next to a page in the file list. This can't be undone — the file is gone from your project folder, not just hidden. 

If you need to temporarily remove a page, set its status to "Draft" instead of "Active," and republish the site.