StructuredDataScript

go previousgo next

A type-safe component for adding structured data to the page.

Installation

pnpm dlx shadcn@latest add https://mhl5.vercel.app/r/StructuredDataScript.json

Usage

import StructuredDataScript from "@/registry/new-york/StructuredDataScript/StructuredDataScript";
import type { Article, WithContext } from "schema-dts";

const articleData: WithContext<Article> = {
  "@context": "https://schema.org",
  "@type": "Article",
  headline: "My Article Title",
  author: {
    "@type": "Person",
    name: "John Doe",
  },
  datePublished: "2024-03-20",
};

export default function Example() {
  return (
    <>
      <StructuredDataScript data={articleData} />
      {/* Your page content */}
    </>
  );
}

References

Tools