Every page is a normal PRSS page. Type, drop in a code block or a callout, and publish.
Group pages into sections. The sidebar and previous/next links are generated for you.
An automatic “On this page” outline, dark mode, and a keyboard-accessible layout.
Everything you need to stand up a documentation site with PRSS. Start with the introduction, then install and ship your first page.
", "children": [ { "ref": "gs-intro", "title": "Introduction", "slug": "introduction", "template": "docs", "content": "This starter is a fully working documentation site. Edit these pages, add your own, and organize them into sections — the navigation, table of contents, and previous/next links all update automatically.
Sections are pages that contain other pages. The theme renders the top level of your structure as sidebar groups and their children as links.
Head to Installation to learn how to add and arrange pages.
" }, { "ref": "gs-install", "title": "Installation", "slug": "installation", "template": "docs", "content": "You don't install anything to use this theme — it ships with PRSS. This page shows how to add content.
Create a new page and place it under a section to make it appear in the sidebar.
Use the editor's headings, lists, code, and callout blocks. Headings become entries in the “On this page” outline.
h1 per page (the title is added for you) and use h2/h3 for sections.Publish your first documented feature in three steps.
Add a page named after your topic (for example, “Guides”). It becomes a sidebar group.
Create child pages for each article. They appear as links under the group.
Use PRSS preview to review, then deploy to your host of choice.
Reusable content patterns you can drop into any page: callouts, code blocks, tables, and more.
", "children": [ { "ref": "comp-ai", "title": "Gradient Glow", "slug": "gradient-glow", "template": "docs", "content": "An animated, gradient “intelligence” banner — a showcase component that demonstrates how rich documentation pages can look.
Add the markup and styles to any page.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Text shown inside the glow. |
speed | number | 6 | Animation duration in seconds. |
Documenting a component follows the same shape every time: preview, installation, usage, and props.
primary — the main call to action.secondary — lower emphasis.ghost — minimal, for toolbars.Task-focused walkthroughs for common documentation needs.
", "children": [ { "ref": "guides-theming", "title": "Theming", "slug": "theming", "template": "docs", "content": "The theme is dark-first with a light mode toggle. Colors are driven by CSS variables so you can rebrand quickly.
Set the logoImageUrl site variable to show a logo instead of the site title.
Ship your docs anywhere PRSS can deploy.
Use PRSS preview to review the built site before publishing.
Connect a host in Site Settings and deploy. Every build regenerates the sidebar and outline from your current pages.
Product news, release notes, and writing about building with PRSS.
", "children": [ { "ref": "post-1", "title": "Introducing the PRSS Docs theme", "slug": "introducing-the-docs-theme", "template": "post", "vars": { "excerpt": "A dark-first, structure-driven documentation theme — sidebar, table of contents, and previous/next all build themselves." }, "content": "Today we're shipping a documentation theme for PRSS that does the tedious parts for you. There are no menus to hand-build: the sidebar is derived from your site structure, and the on-page outline is built from your headings.
Most docs themes make you maintain a separate navigation file. This one reads your pages directly, so adding a page under a section is all it takes to see it in the nav.
Grouped sidebar, on-page TOC, copyable code blocks, callouts, a blog, and an automatic project showcase.
" }, { "ref": "post-2", "title": "How auto-navigation works", "slug": "how-auto-navigation-works", "template": "post", "vars": { "excerpt": "The sidebar, breadcrumbs, and previous/next links are generated from your content tree — no configuration required." }, "content": "When you build the site, the theme walks your structure to produce the sidebar. Deep product trees get their own scoped sidebar; a small docs set shows every section as a group.
The theme flattens the sidebar into reading order and links each page to its neighbours automatically.
" }, { "ref": "post-3", "title": "Writing great docs with blocks", "slug": "writing-great-docs-with-blocks", "template": "post", "vars": { "excerpt": "Callouts, code blocks, and tables you can drop into any page from the PRSS editor." }, "content": "Documentation lives and dies by its examples. Use code blocks for snippets, callouts for tips and warnings, and tables for options.
A few things built with — and around — PRSS. Each card links to its own page.
", "children": [ { "ref": "proj-1", "title": "Edge API", "slug": "edge-api", "template": "page", "vars": { "badge": "Library", "excerpt": "A tiny framework for building APIs at the edge, with stateful storage built in." }, "content": "Edge API is a minimal framework for building fast, stateful APIs at the edge.
" }, { "ref": "proj-2", "title": "UI Kit", "slug": "ui-kit", "template": "page", "vars": { "badge": "Library", "excerpt": "A framework-agnostic component library — themeable, accessible and touch friendly." }, "content": "UI Kit is a small, themeable component library for the web.
" }, { "ref": "proj-3", "title": "PRSS", "slug": "prss", "template": "page", "vars": { "badge": "App", "excerpt": "The static site creator you're using right now — blog, docs, and showcases from one app." }, "content": "PRSS is a desktop static-site creator. This whole site was generated by it.
" } ] }, { "ref": "demo", "title": "Live demo", "slug": "demo", "template": "demo", "vars": { "embedUrl": "https://stackblitz.com/edit/react?embed=1&file=src%2FApp.js&hideExplorer=1&hideNavigation=1", "embedHeight": "620", "embedTitle": "Live example" }, "content": "The Demo page type embeds a live sandbox, editor, or preview in a large full-width frame — perfect for interactive examples. Set the Embed URL in the page's settings; the theme handles the rest.
" } ] } ] } }