Shadcn Registry

Paragraph CMS ships a GitHub-backed shadcn registry for ready-made blog and editorial components. Install only the item you need, then wire it to PageSummaryWithSlug data from Paragraph CMS.

Registry Items

• Editorial Feed
• Launch Journal
• Engineering Notes
• Community Stories

Install From GitHub

Use the shadcn CLI with the public GitHub registry address:

pnpm dlx shadcn@latest add paragraphcms/shadcn-registry/<item>

npx shadcn@latest add paragraphcms/shadcn-registry/<item>

yarn dlx shadcn@latest add paragraphcms/shadcn-registry/<item>

bunx --bun shadcn@latest add paragraphcms/shadcn-registry/<item>

Replace <item> with editorial-feed, launch-journal, engineering-notes, or community-stories.

The registry installs the selected component and its internal shadcn-style dependencies, including shared primitives and @/lib/utils when needed.

Data Contract

All public components expect Paragraph CMS page summaries:

• id, slug, title, heroUrl, publishedAt, labels, author, and fields from PageSummaryWithSlug.
• Optional fields.href or fields.url can override the generated post link.
• Optional fields.excerpt or fields.summary is used by launch and engineering layouts.
• Optional fields.kind or fields.storyKind is used by community story cards.
• Optional fields.authors can provide multiple Member objects for Launch Journal.

Configure PARAGRAPH_API_KEY in your server environment and fetch this data with @paragraphcms/client.