manual sitemap

astro.config.ts

@@ -10,7 +10,6 @@ import mdx from '@astrojs/mdx';
 import { remarkMark } from 'remark-mark-highlight'
 import rehypeSectionHeadings from "@maxmmyron/rehype-section-headings";
 
-import sitemap from "@astrojs/sitemap";
 import { remarkCodeMeta } from './src/remark';
 
 // https://astro.build/config
@@ -22,7 +21,6 @@ export default defineConfig({
       applyBaseStyles: false
     }),
     react(),
-    sitemap(),
     mdx()
   ],
   devToolbar: {

package.json

@@ -14,7 +14,6 @@
     "@astrojs/mdx": "^3.1.5",
     "@astrojs/react": "^3.6.0",
     "@astrojs/rss": "^4.0.6",
-    "@astrojs/sitemap": "^3.1.6",
     "@astrojs/tailwind": "^5.1.0",
     "@eslint/js": "^9.6.0",
     "@fontsource/geist-sans": "^5.0.3",

src/components/SEO.astro

@@ -79,7 +79,7 @@ const site: URL = (() => {
 }
 
 <!-- Sitemap -->
-<link rel="sitemap" href="/sitemap-index.xml" />
+<link rel="sitemap" href="/sitemap.xml" />
 
 <!-- OpenGraph -->
 <meta property="og:title" content={finalTitle} />

src/pages/robots.txt.ts

@@ -1,9 +1,9 @@
 export async function GET(): Promise<Response> {
 
-    const resp = new Response((`User-agent: *
+    const resp = new Response(`User-agent: *
 Allow: /
 
-Sitemap: ${import.meta.env.SITE}/sitemap-index.xml`).trim());
+Sitemap: ${import.meta.env.SITE}/sitemap.xml`.trim());
 
     resp.headers.set("Content-Type", "text/plain; charset=utf-8");
 

src/pages/sitemap.xml.ts

@@ -0,0 +1,29 @@
+import { getCollection } from "astro:content";
+
+function mkUrl(url: string): string {
+    return `<url><loc>${url}</loc></url>`
+}
+
+export async function GET(): Promise<Response> {
+    const site = import.meta.env.SITE;
+    const posts = await getCollection("blog");
+
+
+
+    const text = `
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    ${mkUrl(site)}
+    ${mkUrl(`${site}/blog`)}
+    ${posts.filter(p => !(p.data.draft ?? false)).map(p =>
+        mkUrl(`${site}/blog/${p.slug}`)
+    ).join("\n")}
+</urlset>
+`.trim();
+
+    const resp = new Response(text);
+
+    resp.headers.set("Content-Type", "application/xml");
+
+    return resp;
+}