Remix

​

Product routes

import { json } from "@remix-run/node";
import { loadProductSeo, agentshopProductMeta } from "@agentshop/seo/remix";

export async function loader({ params }) {
  const seo = await loadProductSeo(params.handle!);
  // merge with your own loader data:
  return json({ ...seo /*, product, reviews, … */ });
}

export const meta = agentshopProductMeta;

• loadProductSeo(handle, config?) returns { agentshopSeo: SeoBundle | null } — spread it into your loader data under that exact key.
• agentshopProductMeta(args) is a Remix v2 meta function that reads data.agentshopSeo and emits the title, description, canonical, Open Graph (including og:type=product), Twitter tags, and the JSON-LD via a "script:ld+json" descriptor — Remix serializes and escapes it for you. If the bundle is null, it returns an empty array and your route renders without tags.

import { buildProductMetaDescriptors } from "@agentshop/seo";

export const meta = ({ data }) => [
  ...yourOwnDescriptors,
  ...buildProductMetaDescriptors(data?.agentshopSeo),
];

​

Sitemap

import { productSitemapLoader } from "@agentshop/seo/remix";

export const loader = productSitemapLoader();

​

Configuration