feat: integrate @astrojs/sitemap to generate and link site index map

Author: IrvanFza

astro.config.mjs

@@ -2,12 +2,13 @@
 import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@astrojs/react';
+import sitemap from '@astrojs/sitemap';
 
 // https://astro.build/config
 export default defineConfig({
   output: 'static',
   site: 'https://mycodingplan.com',
-  integrations: [react()],
+  integrations: [react(), sitemap()],
   vite: {
     plugins: [tailwindcss()]
   }

package-lock.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@astrojs/react": "^5.0.3",
+    "@astrojs/sitemap": "^3.7.2",
     "@tailwindcss/vite": "^4.1.18",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",

package.json

@@ -1,4 +1,4 @@
 User-agent: *
 Allow: /
 
-Sitemap: https://mycodingplan.com/sitemap.xml
+Sitemap: https://mycodingplan.com/sitemap-index.xml

public/robots.txt

@@ -34,6 +34,7 @@ const canonicalURL = new URL(Astro.url.pathname, site);
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
 
+    <link rel="sitemap" href="/sitemap-index.xml" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />