Headless
CLI registryJSON-LD
schema.org helpers for Organization/WebSite, articles, FAQ, breadcrumbs, offers, and tool pages. Headless - emits JSON-LD scripts only.
Preview → install → use
01
Preview
npx shadcn@latest add @atroui/json-ldHeadless
JSON-LD helpers - emit schema.org in the document
Helpers like SiteGraphJsonLd, ArticleJsonLd, FaqJsonLd, and more inject <script type="application/ld+json">. No visible UI - check View Source or Rich Results Test.
import { SiteGraphJsonLd, ArticleJsonLd } from "atroui"
// Homepage
<SiteGraphJsonLd />
// Journal post
<ArticleJsonLd
title="…"
description="…"
slug="shipping-mvps"
date="2026-01-01"
/>This preview mounts SiteGraphJsonLd once - inspect the page source for the graph.
Source lands in your repo. Setup: Installation · Registry catalog.
02
Usage
Render in the page (often the root layout or a template). Verify with View Source or Google’s Rich Results Test. Organization name defaults to getBrand().name - pass name to override.
03
API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| SiteGraphJsonLd.name | string | getBrand().name | Organization / WebSite name. |
| ArticleJsonLd | title, description, slug, date… | - | Blog/journal article graph. |
Stop hardcoding atroui.com into consumer schema
After CLI add, JSON-LD reads getBrand() and getSiteUrl(). Override NEXT_PUBLIC_SITE_*. This is the identity-kit spoke, not a generic FAQ widget.
FAQ
- Will Google show FAQ rich results?
- Only if visible FAQ content matches FaqJsonLd. Do not emit FAQ schema for questions the page does not show.
JSON-LD