Next.js example

Use Pagesmith as a headless markdown engine inside a Next app.

This example keeps content loading on @pagesmith/site, layers the shared markdown styles from @pagesmith/site/css/content, and mounts a single global runtime component for copy buttons, code tabs, and collapsed lines.

Open the kitchen sink article

What this shows

  • Server-side markdown rendering through ContentEntry.render()
  • Next App Router routes and metadata generated from local content files
  • Pagesmith code-block titles, tabs, copy actions, collapse, and syntax highlighting
  • Custom Next.js layout styling layered on top of the shared content bundle

Posts

Rendered markdown pages

2 articles