Add SEO to a Next.js app

import type { SiteMetadata } from "@zedtech/zedkit-seo";

export const site: SiteMetadata = {
  name: "Example",
  url: "https://example.com",
  defaultLocale: "en",
  locales: ["en"],
};

import type { MetadataRoute } from "next";
import { buildRobots } from "@zedtech/zedkit-seo";

import { site } from "@/lib/site";

export const dynamic = "force-static";

export default function robots(): MetadataRoute.Robots {
  return buildRobots({ siteUrl: site.url });
}

import type { MetadataRoute } from "next";
import { buildSitemapEntries } from "@zedtech/zedkit-seo";

import { site } from "@/lib/site";

export const dynamic = "force-static";

export default function sitemap(): MetadataRoute.Sitemap {
  return buildSitemapEntries({
    siteUrl: site.url,
    locales: site.locales,
    localeInPath: false,
    pages: [{ path: "" }, { path: "/about" }],
  });
}

import { buildPageMetadata } from "@zedtech/zedkit-seo";

import { site } from "@/lib/site";

export function generateMetadata() {
  return buildPageMetadata({
    site,
    page: { title: "About", description: "About this example site." },
    locale: "en",
    pathname: "/about",
    localeInPath: false,
    openGraphLocale: "en_US",
  });
}

import { buildWebPageJsonLd } from "@zedtech/zedkit-seo";

const jsonLd = buildWebPageJsonLd({
  title: "About",
  description: "About this example site.",
  url: "https://example.com/about",
});

export default function About() {
  return (
    <>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
      <main>...</main>
    </>
  );
}