Introduction
What FeastDocs is, and the model behind it.
FeastDocs is a documentation framework built on Angular. You write Markdown, HTML
and SCSS in the docs/ folder; it gives you a fast, searchable app with sections,
sidebars and theming — none of which you maintain by hand.
The model
Three ideas carry the whole framework:
- Folders are navigation. Every top-level folder in
docs/is a section — a tab in the navbar with its own sidebar. Folders inside a section are sidebar categories. Files are pages. - Content is compiled. Markdown rendering, syntax highlighting, SCSS compilation and the search index all happen at build time. The browser receives finished HTML, one lazy chunk per page.
- Components are elements. Angular components are registered as custom
elements, so
<fd-tabs>or<fd-counter>work inside any Markdown file — live, with real state. See the Components section.
The layout you get
┌───────────────────────────────────────────────────┐
│ Brand Guide Reference Components 🔍 🌓 │ ← sections as tabs
├──────────────┬─────────────────────────┬──────────┤
│ Sidebar of │ Page content │ On this │
│ the current │ (compiled Markdown) │ page │
│ section │ │ │
└──────────────┴─────────────────────────┴──────────┘Where to go next
Installation — clone, npm install, npm start.
Pages & sections — how files map to routes, tabs and sidebars.
Markdown features — admonitions, code titles, attributes, links.
Styling — design tokens, site overrides, page-scoped SCSS.