The JsonLd component allows you to add structured data to your website using JSON-LD. It provides full-type safety and autocompletion for the schema.org vocabulary.

Usage

import { JsonLd } from "@/components/turbostart/json-ld";
import type { WebSite } from "schema-dts";

function Page() {
  return (
    <JsonLd<WebSite>
      jsonLd={{
        "@context": "https://schema.org",
        "@type": "WebSite",
        name: "TurboStart",
        url: "https://turbost.art",
      }}
    />
  );
}

If you have any questions, please reach out to me on Twitter @checkerschaf. I’m happy to help!