← 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">).

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.

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).

Page title & meta description

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 name.

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.