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
When writing step-by-step instructions in guides, use the :::::steps container directive instead of manual ### Step 1, #### Step 2 headings. Each step is a ### heading inside the container. The steps are auto-numbered by the renderer.
:::::steps
### Do the first thing
Content for step 1.
### Do the second thing
Content for step 2.
:::::See https://mpp.dev/guides/multiple-payment-methods for a reference example.
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.