Example Docs
Documentation powered by Pagesmith
A fully featured documentation site with search, series navigation, and custom layout overrides -- built entirely from configuration and markdown.
npm install @pagesmith/docsFeatures
Filesystem-First
Your content directory structure becomes your site navigation. Drop markdown files in folders and Pagesmith does the rest.
Schema-Validated
Frontmatter is validated with Zod schemas at build time. Catch errors before they reach production.
Built-In Search
Pagefind integration provides instant client-side search with zero backend configuration.
Layout Overrides
Customize any layout by providing your own JSX components in a theme directory.
Series Navigation
Group related pages into ordered series with previous/next navigation for guided reading.
Static Output
Produces plain HTML files deployable to any static host -- GitHub Pages, Netlify, Vercel, or a file server.
Packages
Quick Start
{
name: 'Pagesmith',
title: 'Example Docs',
contentDir: './content',
outDir: '../../gh-pages/examples/doc-site',
basePath: '/pagesmith/examples/doc-site',
theme: {
layouts: {
home: './theme/layouts/DocHome.tsx',
page: './theme/layouts/DocPage.tsx',
},
},
search: { enabled: true, showSubResults: true },
}
Welcome to Example Docs
This site is the @pagesmith/docs package example: config-first (pagesmith.config.json5), markdown in content/, section meta.json5 for sidebars and series, optional JSX layout overrides, and Pagefind search wired by the docs build.
Explore
- Guide — install, dev/build/preview/MCP, project layout,
meta.json5, layouts, search, and how@pagesmith/corebacks the markdown pipeline. - Configuration — the same options as this repo’s
pagesmith.config.json5, explained field-by-field. - Kitchen sink — single markdown regression page for this example’s rendered output.