XML-Sitemap & Robots as Code: Next.js 16 Setup

Sitemaps, Robots und Cache-Control aus einem Guss – versioniert, testbar, deploy-ready.

Ziele

• sitemap.xml und robots.txt programmatisch erzeugen.
• Cache-Control sauber setzen, Tags für Invalidation.
• Keine manuelle Datei-Pflege mehr.

Beispiel (App Router, kompakt)

// app/sitemap.ts
export default function sitemap() {
  const base = "https://example.com";
  return [
    { url: `${base}/`, changefreq: "weekly", priority: 1 },
    { url: `${base}/blog`, changefreq: "daily", priority: 0.8 },
  ];
}

// app/robots.txt/route.ts
import { NextResponse } from "next/server";

export function GET() {
  const body = [
    "User-agent: *",
    "Allow: /",
    "Sitemap: https://example.com/sitemap.xml",
  ].join("\n");
  return new NextResponse(body, {
    headers: { "Content-Type": "text/plain", "Cache-Control": "public, max-age=3600" },
  });
}

Caching & Tags

• Cache-Control: kurze TTL für Robots (1h), längere für Sitemap wenn statisch.
• Bei dynamischen Routen: Cache-Tags pro Collection, revalidateTag nach Deploy/Publish.
• Keine HTML-Caches für personalisierte Bereiche.

Testing

• pnpm lint + pnpm typecheck für Routen.
• curl-Test: /sitemap.xml, /robots.txt, Header prüfen.
• Search Console einreichen, Fehler überwachen.

CTA

Button: „Config-Vorlage übernehmen“ – inkl. erweiterter Beispiele für dynamische Routen.