feat(seo): add images and videos to sitemap

Index Meetup event photos and YouTube talk videos in the sitemap using
Next.js built-in image/video sitemap support for better search engine
discoverability.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Slashgear

app/sitemap.ts

@@ -2,9 +2,15 @@ import { MetadataRoute } from 'next';
 import { fetchYearsWithMeetups } from '../modules/meetup/queries/years-with-meetups';
 import { fetchPastEvents } from '../modules/meetup/queries/past-events.api';
 import { slugEventTitle } from '../modules/event/eventSlug';
+import { overrideEvent } from '../modules/event/overrideEvent';
 
 const BASE_URL = 'https://www.lyonjs.org';
 
+function youtubeVideoId(embedUrl: string): string | null {
+  const match = embedUrl.match(/\/embed\/([^/?]+)/);
+  return match?.[1] ?? null;
+}
+
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const years = await fetchYearsWithMeetups();
   const pastEvents = await fetchPastEvents();
@@ -46,14 +52,40 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
           priority: year === currentYear ? 0.8 : 0.4,
         };
       }),
-    ...pastEvents.map((event) => {
+    ...pastEvents.map((rawEvent) => {
+      const event = overrideEvent(rawEvent);
       const eventYear = new Date(event.dateTime).getFullYear().toString();
-      return {
+
+      const images: string[] = [];
+      if (event.featuredEventPhoto?.highResUrl) {
+        images.push(event.featuredEventPhoto.highResUrl);
+      }
+
+      const videos: MetadataRoute.Sitemap[number]['videos'] = [];
+      if (event.talks) {
+        for (const talk of event.talks) {
+          if (!talk.videoLink) continue;
+          const videoId = youtubeVideoId(talk.videoLink);
+          if (!videoId) continue;
+          videos.push({
+            title: talk.title,
+            thumbnail_loc: `https://img.youtube.com/vi/${videoId}/0.jpg`,
+            description: `${talk.title} - ${talk.speakers?.map((s) => s.name).join(', ') ?? ''} @ ${event.title}`,
+          });
+        }
+      }
+
+      const entry: MetadataRoute.Sitemap[number] = {
         url: `${BASE_URL}/evenement/${slugEventTitle(event)}`,
         lastModified: new Date(event.dateTime),
         changeFrequency: 'yearly' as const,
         priority: eventYear === currentYear ? 0.6 : 0.3,
       };
+
+      if (images.length > 0) entry.images = images;
+      if (videos.length > 0) entry.videos = videos;
+
+      return entry;
     }),
   ];
 }

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./dist/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2018",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -12,14 +16,22 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "dist/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "dist/types/**/*.ts",
+    "dist/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }