Vocs-powered documentation site for Tempo protocol.
bun run dev- Start development serverbun run build- Build for productionbun run check- Run typecheck
- Create
.mdxfile in appropriatepages/subdirectory (match URL path to file path) - Add SEO frontmatter at the top of the file (required):
--- title: Page Title Here description: A concise 150-160 character description for search engines and social sharing. ---
- title: Concise, descriptive page title (used in
<title>and OG tags) - description: 150-160 characters, active voice, describes what the page covers
- title: Concise, descriptive page title (used in
- Add entry to sidebar in
vocs.config.tsx - Run
bun run devto verify, thenbun run checkbefore committing
- Dynamic OG images: Generated via
/api/og.tsxusing title and description from frontmatter - Config:
vocs.config.tsxsetsbaseUrl,ogImageUrl(with%titleand%descriptiontemplate variables), andtitleTemplate - All pages automatically get proper
<title>,<meta description>, Open Graph, and Twitter Card tags from frontmatter
src/pages/- MDX documentation pagessrc/components/- React componentsapi/- Vercel serverless functions (OG image generation)public/- Static assetsvocs.config.ts- Vocs configuration (sidebar, nav, SEO)vercel.json- Vercel deployment config (redirects, rewrites)
TIPs are stored in src/pages/protocol/tips/ with YAML frontmatter:
---
title: TIP-X Title
description: Short description
status: Draft | Review | Accepted | Implemented
type: Standards | Process | Informational
authors:
- Author Name
---The TipsList component automatically reads TIPs via import.meta.glob and displays them sorted by number.