Pages

Creating, moving, renaming and deleting the pages and folders behind every route.

The Pages panel (P) lists everything in src/pages, arranged in the folders it actually sits in. Clicking a page opens it on the canvas.

Creating a page

The + button asks for a route. A path with slashes in it creates the folders it needs, so blog/post-1 makes src/pages/blog/post-1.astro. New pages start from the project’s layout with an empty body.

Moving and renaming

Drag a page onto a folder to move it: the file moves on disk and its route changes with it. Renaming a page renames the file. Folders can be created, renamed and deleted from the same panel.

Renaming or moving a page changes its URL. Stacki does not rewrite links that pointed at the old route; that is a search away in your editor.

Deleting

Deleting a page deletes the file. Use it for pages you would happily delete in Finder. Nothing is copied to a trash of Stacki’s own, though the file is still recoverable from git if it was committed.

Kinds of page

Kind What Stacki does with it
.astro page Opens on the canvas and in the Navigator
.md / .mdx page Opens as content, with its frontmatter as fields
Dynamic route ([slug].astro) Opens with an entry picker in the title bar
API route (.ts, .js) Opens in the code editor

Layouts

Which layout wraps a page is a property of the page, changed from the layout row at the top of the Navigator or from the Settings panel when that row is selected. The layout’s own props (title, description, whatever it declares) are edited there too.