From f59557da3213239200282743f11fdcf0bbf656bc Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Fri, 4 Jul 2025 21:23:30 +0100
Subject: [PATCH] refactor: move talks into CMS (#1659)

---
 app/components/TheHome.server.vue      |   68 +-
 app/components/TheTalks.server.vue     |   81 +-
 app/data/talks.json                    | 1014 ------------------------
 cms/components/GitHubReleaseInput.tsx  |  201 +++++
 cms/package.json                       |    1 +
 cms/schemaTypes/index.ts               |    4 +-
 cms/schemaTypes/talk.ts                |  172 ++++
 cms/schemaTypes/talkGroup.ts           |   33 +
 modules/slides.ts                      |   17 +-
 modules/sync/runtime/utils/items.ts    |   37 +-
 nuxt.config.ts                         |    7 +-
 pnpm-lock.yaml                         |   44 +-
 server/api/talks.get.ts                |   40 +
 server/api/upcoming-conferences.get.ts |   10 +-
 test/unit/bundle.spec.ts               |    4 +-
 15 files changed, 615 insertions(+), 1118 deletions(-)
 delete mode 100644 app/data/talks.json
 create mode 100644 cms/components/GitHubReleaseInput.tsx
 create mode 100644 cms/schemaTypes/talk.ts
 create mode 100644 cms/schemaTypes/talkGroup.ts
 create mode 100644 server/api/talks.get.ts

diff --git a/app/components/TheHome.server.vue b/app/components/TheHome.server.vue
index 894129a1..44557643 100644
--- a/app/components/TheHome.server.vue
+++ b/app/components/TheHome.server.vue
@@ -45,52 +45,46 @@ const [{ data: currentLocation }, { data: upcomingConferences }, { data: streams
       .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
       .slice(0, 4)
   }),
-  useAsyncData(
-    () =>
-      ((import.meta.server || import.meta.dev) as true)
-      && import('../data/talks.json').then(r => r.default as any as Talk[]),
-    {
-      transform: talks => {
-        const groupedTalks: Record<string, [Talk, ...Talk[]]> = {}
-        for (const talk of talks) {
-          const slug = talk.group || talk.slug
-          if (groupedTalks[slug]) {
-            groupedTalks[slug]!.push(talk)
-          }
-          else {
-            groupedTalks[slug] = [talk]
-          }
+  useFetch('/api/talks', {
+    transform: talks => {
+      // Group talks by group or individual ID
+      const groupedTalks: Record<string, [Talk, ...Talk[]]> = {}
+
+      for (const talk of talks) {
+        const groupKey = talk.group?._id || talk._id
+        if (groupedTalks[groupKey]) {
+          groupedTalks[groupKey]!.push(talk)
+        }
+        else {
+          groupedTalks[groupKey] = [talk]
         }
+      }
 
-        for (const group in groupedTalks) {
-          groupedTalks[group]!.sort(
+      // Sort and get the most recent talk from each group
+      const groups = Object.entries(groupedTalks)
+        .map(([_groupKey, talksInGroup]) => {
+          const sortedTalks = talksInGroup.sort(
             (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
           )
-        }
-
-        const groups = Object.entries(groupedTalks).sort(
-          ([_s1, [a]], [_s2, [b]]) => {
-            return new Date(b.date).getTime() - new Date(a.date).getTime()
-          },
-        )
+          return sortedTalks[0] // Get most recent talk from each group
+        })
+        .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
 
-        return groups.slice(0, 4).map(([_slug, [firstTalk]]) => firstTalk)
-      },
+      return groups.slice(0, 4)
     },
-  ),
+  }),
 ])
 
 interface Talk {
-  slug: string
-  group?: string
+  _id: string
   title: string
   source: string
-  tags: string
-  link: string
-  date: string
-  type: 'talk' | 'podcast' | 'meetup' | 'talk' | 'conference' | 'mini-workshop'
+  tags: string[]
+  link?: string
   video?: string
-  release?: string
+  date: string
+  type: 'conference' | 'podcast' | 'meetup' | 'workshop' | 'mini-workshop' | 'stream'
+  slides?: string
   repo?: string
   demo?: string
 }
@@ -267,7 +261,7 @@ interface Talk {
       <ul class="flex flex-col mt-4">
         <li
           v-for="talk in talks"
-          :key="talk.slug"
+          :key="talk._id"
           class="mt-2 first:mt-0"
         >
           <div
@@ -295,9 +289,9 @@ interface Talk {
                   </span>
                 </NuxtLink>
                 <NuxtLink
-                  v-if="talk.release"
+                  v-if="talk.slides"
                   class="active:text-primary hover:text-primary focus:text-primary transition-colors leading-none uppercase text-sm lowercase items-center flex gap-1"
-                  :to="`/slides/${talk.release}.pdf`"
+                  :to="`/slides/${talk.slides}.pdf`"
                   data-external
                 >
                   <span class="h-4 w-4 i-ri:presentation-fill" />
diff --git a/app/components/TheTalks.server.vue b/app/components/TheTalks.server.vue
index 3b8a66ba..cf1479d6 100644
--- a/app/components/TheTalks.server.vue
+++ b/app/components/TheTalks.server.vue
@@ -1,48 +1,55 @@
 <script setup lang="ts">
+interface TalkGroup {
+  _id: string
+  title: string
+  description: string
+}
+
 interface Talk {
-  slug: string
-  group?: string
-  description?: string
+  _id: string
   title: string
+  description?: string
   source: string
-  tags: string
-  link: string
-  date: string
-  type: 'talk' | 'podcast' | 'meetup' | 'talk' | 'conference' | 'mini-workshop'
+  tags: string[]
+  link?: string
   video?: string
-  release?: string
+  date: string
+  type: 'conference' | 'podcast' | 'meetup' | 'workshop' | 'stream'
+  slides?: string // GitHub release tag
   repo?: string
   demo?: string
+  group?: TalkGroup
 }
 
-// if (import.meta.prerender && import.meta.server) {
-//   for (const conference of upcomingConferences) {
-//     await useStorage().setItem(conference.image, conference.link)
-//     appendHeader(
-//       useRequestEvent(),
-//       'x-nitro-prerender',
-//       '/thumbnail/' + conference.image
-//     )
-//   }
-// }
-
 const { data: groups } = await useAsyncData(
-  () =>
-    ((import.meta.server || import.meta.dev) as true)
-    && import('../data/talks.json').then(r => r.default as any as Talk[]),
-  {
-    transform: talks => {
+  'past-talks',
+  async () => {
+    try {
+      const talks = await $fetch<Talk[]>('/api/talks')
+
       const groupedTalks: Record<string, [Talk, ...Talk[]]> = {}
+
       for (const talk of talks) {
-        const slug = talk.group || talk.slug
-        if (groupedTalks[slug]) {
-          groupedTalks[slug]!.push(talk)
+        // Use group _id if available, otherwise use individual talk _id
+        const groupKey = talk.group?._id || talk._id
+        const groupTitle = talk.group?.title || talk.title
+        const groupDescription = talk.group?.description || talk.description
+
+        if (groupedTalks[groupKey]) {
+          groupedTalks[groupKey]!.push(talk)
         }
         else {
-          groupedTalks[slug] = [talk]
+          // Create a talk-like object with group information
+          const talkWithGroupInfo = {
+            ...talk,
+            title: groupTitle,
+            description: groupDescription,
+          }
+          groupedTalks[groupKey] = [talkWithGroupInfo]
         }
       }
 
+      // Sort talks within each group by date (newest first)
       for (const group in groupedTalks) {
         groupedTalks[group]!.sort(
           (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
@@ -56,7 +63,11 @@ const { data: groups } = await useAsyncData(
       )
 
       return groups
-    },
+    }
+    catch (error) {
+      console.error('Failed to fetch talks:', error)
+      return []
+    }
   },
 )
 </script>
@@ -64,8 +75,8 @@ const { data: groups } = await useAsyncData(
 <template>
   <section class="flex flex-row flex-wrap gap-4 max-w-[37.50rem]">
     <section
-      v-for="[slug, talks] of groups"
-      :key="slug"
+      v-for="[groupKey, talks] of groups"
+      :key="groupKey"
       class="mb-2 w-full relative flex flex-col justify-end min-h-12 transition-all border-1 border-solid border-transparent after:text-transparent flex-[100%]"
     >
       <div class="flex flex-row items-center gap-2 text-xl">
@@ -80,7 +91,7 @@ const { data: groups } = await useAsyncData(
       <article
         v-for="talk of talks"
         :key="talk.link"
-        :class="{ 'opacity-60': !talk.video && !talk.link && !talk.release && !talk.demo && !talk.repo }"
+        :class="{ 'opacity-60': !talk.video && !talk.link && !talk.slides && !talk.demo && !talk.repo }"
         :alt="talk.title"
       >
         <header class="flex flex-row mt-1">
@@ -113,7 +124,7 @@ const { data: groups } = await useAsyncData(
             </dd>
           </dl>
           <ExpandableTray
-            v-if="talk.video || talk.link || talk.release || talk.demo || talk.repo"
+            v-if="talk.video || talk.link || talk.slides || talk.demo || talk.repo"
             class="ml-auto flex items-start"
           >
             <NuxtLink
@@ -129,9 +140,9 @@ const { data: groups } = await useAsyncData(
               {{ talk.video ? `watch` : `listen` }}
             </NuxtLink>
             <NuxtLink
-              v-if="talk.release"
+              v-if="talk.slides"
               class="text-xs items-center"
-              :to="`/slides/${talk.release}.pdf`"
+              :to="`/slides/${talk.slides}.pdf`"
               data-external
             >
               <span class="i-ri:presentation-fill" /> slides
diff --git a/app/data/talks.json b/app/data/talks.json
deleted file mode 100644
index 2ced5ccf..00000000
--- a/app/data/talks.json
+++ /dev/null
@@ -1,1014 +0,0 @@
-[
-  {
-    "slug": "2016-06-03-tedx",
-    "title": "How concision might save your life",
-    "source": "TEDx Durham",
-    "date": "2016-06-03T00:00:00.000Z",
-    "type": "talk",
-    "video": "https://www.youtube.com/watch?v=VeCOIcSHKp4",
-    "tags": [
-      "marketing",
-      "communication"
-    ]
-  },
-  {
-    "slug": "2018-11-07-ne-expo",
-    "title": "The science of business communication",
-    "source": "NE Expo",
-    "date": "2018-11-07T00:00:00.000Z",
-    "type": "talk",
-    "tags": [
-      "marketing",
-      "communication"
-    ]
-  },
-  {
-    "slug": "2020-03-03-realtalk-javascript",
-    "title": "Building with Nuxt in the real world",
-    "source": "Web Rush",
-    "episode": 84,
-    "date": "2020-03-03T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "nuxt"
-    ],
-    "link": "https://webrush.io/episodes/episode-84-nuxt-vue-and-graphql-daniel-roe"
-  },
-  {
-    "slug": "2020-07-22-vuejs-berlin",
-    "title": "Working with Vue in markdown",
-    "source": "VueJS Berlin",
-    "date": "2020-07-22T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "vue",
-      "markdown"
-    ],
-    "video": "https://www.youtube.com/watch?v=Z8sV4ORWlls"
-  },
-  {
-    "slug": "2020-07-28-realtalk-javascript",
-    "title": "GraphQL in the enterprise",
-    "source": "Web Rush",
-    "episode": 94,
-    "date": "2020-07-28T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "graphql"
-    ],
-    "link": "https://webrush.io/episodes/episode-94-graphql-with-daniel-roe"
-  },
-  {
-    "slug": "2020-07-30-innovation-supernetwork",
-    "title": "Marketing innovation",
-    "source": "Innovation SuperNetwork",
-    "date": "2020-07-30T00:00:00.000Z",
-    "type": "talk",
-    "tags": [
-      "marketing",
-      "innovation"
-    ]
-  },
-  {
-    "slug": "2020-10-08-vuejs-athens",
-    "title": "Making your global store bulletproof",
-    "source": "VueJS Athens",
-    "episode": 3,
-    "date": "2020-10-08T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "vue",
-      "vuex"
-    ],
-    "video": "https://youtu.be/gbtJvymBKdg?t=575"
-  },
-  {
-    "slug": "2020-10-29-views-on-vue",
-    "title": "Vue composition API and Nuxt",
-    "source": "Views on Vue",
-    "episode": 126,
-    "date": "2020-10-29T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "nuxt",
-      "composition api"
-    ],
-    "link": "https://topenddevs.com/podcasts/views-on-vue/episodes/vov-126-vue-composition-api-and-nuxt-with-daniel-roe"
-  },
-  {
-    "slug": "2021-02-26-vuejs-amsterdam",
-    "title": "Edge-rendering with Nuxt",
-    "source": "Vuejs Amsterdam",
-    "episode": 2021,
-    "date": "2021-02-26T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "vue",
-      "nuxt",
-      "serverless"
-    ],
-    "video": "https://www.youtube.com/watch?v=ApUPE8b-m04&t=19s",
-    "slides": "https://docs.google.com/presentation/d/137PNjV93KWAb7yrftSt-oDb2pVYbAJhv7IxTfW70Tzc/edit?usp=sharing"
-  },
-  {
-    "slug": "2021-03-16-views-on-vue",
-    "title": "Diving into Nuxt 3",
-    "group": "diving-nuxt-3",
-    "source": "Views on Vue",
-    "episode": 141,
-    "date": "2021-03-16T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "nuxt",
-      "nuxt3"
-    ],
-    "link": "https://topenddevs.com/podcasts/views-on-vue/episodes/vue-141-diving-into-nuxt-3-with-daniel-roe/"
-  },
-  {
-    "slug": "2021-06-01-async-brighton",
-    "title": "A night with Vue",
-    "source": "Async",
-    "date": "2021-06-03T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "vue",
-      "nuxt"
-    ],
-    "video": "https://youtu.be/r4MFkHmOOdI?t=1880"
-  },
-  {
-    "slug": "2021-09-15-nuxt-nation",
-    "title": "Q&A - migrating to Vue 3",
-    "source": "Nuxt Nation",
-    "date": "2021-09-15T19:10:00.000Z",
-    "type": "conference",
-    "tags": [
-      "vue",
-      "nuxt",
-      "vue3"
-    ]
-  },
-  {
-    "slug": "2021-10-20-vuejs-london",
-    "title": "Optimising developer experience with Nuxt 3",
-    "group": "nuxt-3-dx",
-    "source": "Vue.js Live",
-    "date": "2021-10-20T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "dx"
-    ],
-    "link": "https://portal.gitnation.org/contents/optimising-developer-experience-with-nuxt-3"
-  },
-  {
-    "slug": "2021-11-23-vue-toronto",
-    "title": "Diving into Nuxt 3",
-    "group": "diving-nuxt-3",
-    "source": "VueConf Toronto",
-    "date": "2021-11-23T00:00:00.000Z",
-    "type": "mini-workshop",
-    "tags": [
-      "vue",
-      "nuxt"
-    ]
-  },
-  {
-    "slug": "2021-11-25-javascript-congress",
-    "title": "Building better with Nuxt 3 ",
-    "source": "JavaScript Congress",
-    "date": "2021-11-25T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "vue",
-      "nuxt"
-    ],
-    "video": "https://www.youtube.com/watch?v=sEPqSyww04c"
-  },
-  {
-    "slug": "2021-12-02-ecommerce",
-    "title": "Building a PWA with Nuxt",
-    "source": "Geekle E-commerce Tech Summit",
-    "date": "2021-12-02T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "ecommerce",
-      "pwa"
-    ]
-  },
-  {
-    "slug": "2022-01-12-vuejs-tokyo",
-    "title": "All about Nuxt 3",
-    "source": "Vue.js v-tokyo オンライン",
-    "date": "2022-01-12T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "nuxt"
-    ]
-  },
-  {
-    "slug": "2022-01-25-monthly-dev",
-    "title": "Nitro: building a new server for a serverless world",
-    "source": "The Monthly Dev",
-    "date": "2022-01-25T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "nuxt",
-      "serverless"
-    ],
-    "video": "https://www.youtube.com/watch?v=-U8NWGTGNVw"
-  },
-  {
-    "slug": "2022-01-26-vuejs-nation",
-    "title": "Nuxt 3 - zero to hero",
-    "source": "Vue.js Nation",
-    "date": "2022-01-26T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt"
-    ],
-    "video": "https://www.youtube.com/watch?v=-U8NWGTGNVw"
-  },
-  {
-    "slug": "2022-02-10-vuejs-amsterdam",
-    "title": "Developer experience with Nuxt 3",
-    "group": "nuxt-3-dx",
-    "source": "Vue.js Amsterdam",
-    "date": "2022-02-10T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "dx"
-    ]
-  },
-  {
-    "slug": "2022-03-07-vue-storefront-hackathon",
-    "title": "What happens when you start Nuxt 3: a deep dive",
-    "source": "VueStorefront",
-    "date": "2022-03-07T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "internals"
-    ],
-    "video": "https://www.youtube.com/watch?v=IVA_76hKEwE"
-  },
-  {
-    "slug": "2022-04-28-vuejs-wroclaw",
-    "title": "Building for the edge with Nuxt 3",
-    "group": "building-edge",
-    "source": "Vue.js Poland",
-    "date": "2022-04-28T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "nitro",
-      "edge"
-    ],
-    "video": "https://www.youtube.com/watch?v=K1nMTSRH8Ug&list=PLa2edSBLjV02RJi4icWXektnCxmGn47lC"
-  },
-  {
-    "slug": "2022-04-29-typescript-congress",
-    "title": "TypeScript for library authors",
-    "source": "TypeScript Congress",
-    "date": "2022-04-29T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "typescript",
-      "dx"
-    ]
-  },
-  {
-    "slug": "2022-05-04-vuejs-budapest",
-    "title": "Building for the edge with Nuxt 3",
-    "group": "building-edge",
-    "source": "Vue.js Budapest",
-    "date": "2022-05-05T00:00:00.000Z",
-    "type": "meetup",
-    "tags": [
-      "nuxt",
-      "nitro"
-    ]
-  },
-  {
-    "slug": "2022-05-17-podrocket",
-    "title": "Nuxt 3",
-    "source": "PodRocket",
-    "date": "2022-05-17T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "nuxt",
-      "dx"
-    ],
-    "link": "https://podrocket.logrocket.com/nuxt-3"
-  },
-  {
-    "slug": "2022-05-19-azure-swa-launch",
-    "title": "Hybrid rendering with zero config",
-    "source": "Azure Static Web Apps Anniversary",
-    "date": "2022-05-19T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nitro",
-      "azure"
-    ],
-    "link": "https://docs.microsoft.com/en-us/events/learntv/swa-anniversary-may-2022/"
-  },
-  {
-    "slug": "2022-05-24-views-on-vue",
-    "title": "The new features of Nuxt 3 beta",
-    "source": "Views on Vue",
-    "episode": 186,
-    "date": "2022-05-24T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "nuxt"
-    ],
-    "link": "https://topenddevs.com/podcasts/views-on-vue/episodes/daniel-roe-and-the-new-features-of-nuxt-3-beta-vue-186"
-  },
-  {
-    "slug": "2022-05-25-vuejs-global",
-    "title": "Building your next app in Nuxt 3",
-    "source": "Vue.js Global Summit",
-    "date": "2022-05-25T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt"
-    ]
-  },
-  {
-    "slug": "2022-06-02-vuejs-amsterdam",
-    "title": "Developer experience with Nuxt 3",
-    "group": "nuxt-3-dx",
-    "source": "Vue.js Amsterdam",
-    "date": "2022-06-02T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "dx"
-    ],
-    "video": "https://www.youtube.com/watch?v=Xv8EtQwPs8Q"
-  },
-  {
-    "slug": "2022-06-21-views-on-vue",
-    "title": "New features and the Nuxt 3 community",
-    "source": "Views on Vue",
-    "episode": 188,
-    "date": "2022-06-21T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "vue",
-      "community",
-      "nuxt"
-    ],
-    "link": "https://topenddevs.com/podcasts/views-on-vue/episodes/nuxt-3-newa-features-and-the-nuxt-3-community-with-daniel-roe-vue-188"
-  },
-  {
-    "slug": "2022-07-27-composability-summit",
-    "title": "Nuxt and the composable web",
-    "source": "Composability Summit",
-    "date": "2022-07-27T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nitro",
-      "edge"
-    ],
-    "link": "https://composability.dev/"
-  },
-  {
-    "slug": "2022-09-03-whiskey",
-    "title": "The release of Nuxt 3",
-    "source": "Whiskey Web and Whatnot",
-    "date": "2022-09-03T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "nuxt"
-    ],
-    "link": "https://www.whiskeywebandwhatnot.fm/the-release-of-nuxt-3-with-daniel-roe/"
-  },
-  {
-    "slug": "2022-10-05-vuejs-berlin",
-    "title": "Building for the edge with Nuxt 3 (live coding)",
-    "group": "building-edge",
-    "source": "vuejs.de Conf",
-    "date": "2022-10-05T00:00:00.000Z",
-    "type": "conference",
-    "video": "https://www.youtube.com/watch?v=E18M8HLjWJ8&feature=youtu.be"
-  },
-  {
-    "slug": "2022-10-11-vite-conf",
-    "title": "How Vite makes Nuxt possible",
-    "group": "vite-nuxt-possible",
-    "source": "ViteConf",
-    "date": "2022-10-11T00:00:00.000Z",
-    "type": "conference",
-    "video": "https://www.youtube.com/watch?v=4GozQb12gGg"
-  },
-  {
-    "slug": "2022-10-25-podrocket",
-    "title": "How Vite makes Nuxt possible",
-    "group": "vite-nuxt-possible",
-    "source": "PodRocket",
-    "date": "2022-10-25T00:00:00.000Z",
-    "type": "podcast",
-    "tags": [
-      "nuxt",
-      "vite"
-    ],
-    "link": "https://podrocket.logrocket.com/how-vite-makes-nuxt-possible"
-  },
-  {
-    "slug": "2022-11-01-vue-toronto",
-    "title": "Nuxt 3 and beyond",
-    "source": "VueConf Toronto",
-    "date": "2022-11-01T00:00:00.000Z",
-    "type": "conference"
-  },
-  {
-    "slug": "2022-11-08-nuxt-nation",
-    "title": "Beyond static: building with Nuxt 3 and Nitro",
-    "source": "Nuxt Nation",
-    "date": "2022-11-17T00:00:00.000Z",
-    "type": "conference"
-  },
-  {
-    "slug": "2022-11-08-oredev",
-    "title": "Building for the edge with Nuxt 3",
-    "group": "building-edge",
-    "source": "Øredev",
-    "date": "2022-11-08T00:00:00.000Z",
-    "type": "conference"
-  },
-  {
-    "slug": "2022-11-17-modern-frontends",
-    "title": "Building for the edge with Nuxt 3",
-    "group": "building-edge",
-    "source": "Modern Frontends",
-    "date": "2022-11-17T00:00:00.000Z",
-    "type": "conference"
-  },
-  {
-    "slug": "2022-11-28-tkyt-hybrid-web-apps",
-    "title": "Building hybrid web apps with Nuxt",
-    "date": "2022-11-28T00:00:00.000Z",
-    "source": "TKYT",
-    "type": "stream",
-    "video": "https://www.youtube.com/watch?v=OXcFuEyngqA"
-  },
-  {
-    "slug": "2023-02-09-vuejs-amsterdam",
-    "title": "Building Elk: rapid development with Nuxt 3",
-    "group": "building-elk",
-    "source": "Vuejs Amsterdam",
-    "date": "2023-02-09T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "elk",
-      "nuxt"
-    ],
-    "video": "https://www.youtube.com/watch?v=RkxjcR8lzxY&t=672s"
-  },
-  {
-    "slug": "2023-02-23-agent-conf",
-    "title": "Building for the edge - crafting a next-gen framework",
-    "group": "building-for-the-edge",
-    "source": "AgentConf",
-    "type": "conference",
-    "tags": [
-      "nitro",
-      "react"
-    ],
-    "date": "2023-02-23T00:00:00.000Z",
-    "video": "https://www.youtube.com/watch?v=hdHLU0qHKhA"
-  },
-  {
-    "slug": "2023-03-31-cityjs-london",
-    "source": "CityJS London",
-    "title": "Building Elk: rapid development with Nuxt 3",
-    "group": "building-elk",
-    "date": "2023-03-31T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "elk",
-      "nuxt"
-    ],
-    "video": "https://www.youtube.com/watch?v=dTf3Xi9ZIBY"
-  },
-  {
-    "slug": "2023-03-15-podrocket",
-    "title": "Building Elk",
-    "group": "building-elk",
-    "source": "PodRocket",
-    "type": "podcast",
-    "date": "2023-03-15T00:00:00.000Z",
-    "tags": [
-      "elk",
-      "nuxt"
-    ],
-    "link": "https://podrocket.logrocket.com/elk"
-  },
-  {
-    "slug": "2023-05-03-vuejs-forge",
-    "title": "Code a Vue-powered ChatGPT",
-    "source": "Vue.js Forge",
-    "type": "conference",
-    "tags": [
-      "chatgpt",
-      "nuxt"
-    ],
-    "date": "2023-05-03T00:00:00.000Z",
-    "video": "https://www.youtube.com/watch?v=YgUAjNaVnHc"
-  },
-  {
-    "slug": "2023-05-12-vuejs-london",
-    "title": "Building for the edge: crafting a next gen framework",
-    "group": "building-for-the-edge",
-    "date": "2023-05-12T00:00:00.000Z",
-    "source": "Vue.js Live",
-    "type": "conference",
-    "tags": [
-      "nitro",
-      "edge"
-    ],
-    "video": "https://portal.gitnation.org/contents/building-for-the-edge-crafting-a-next-gen-framework"
-  },
-  {
-    "slug": "2023-05-25-vueconf-us",
-    "date": "2023-05-25T00:00:00.000Z",
-    "source": "Vueconf US",
-    "title": "Introducing UnJS",
-    "type": "conference",
-    "group": "introducing-unjs",
-    "tags": [
-      "unjs"
-    ],
-    "video": "https://www.youtube.com/watch?v=jc-42ZtaD_k"
-  },
-  {
-    "slug": "2023-05-25-hanselminutes",
-    "title": "Creating Elk as a progressive web app",
-    "date": "2023-05-25T00:00:00.000Z",
-    "source": "Hanselminutes",
-    "type": "podcast",
-    "tags": [
-      "elk"
-    ],
-    "link": "https://hanselminutes.com/894/creating-the-mastodon-app-elk-as-a-progressive-web-app-with-daniel-roe"
-  },
-  {
-    "slug": "2023-07-27-wearedevs-berlin",
-    "source": "WeAreDevs World Congress",
-    "date": "2023-07-27T00:00:00.000Z",
-    "group": "building-for-the-edge",
-    "title": "Building for the edge: crafting a next gen framework",
-    "type": "conference",
-    "tags": [
-      "nuxt",
-      "nitro"
-    ],
-    "release": "2023-07-26-wearedevs"
-  },
-  {
-    "link": "https://topenddevs.com/podcasts/views-on-vue/episodes/nuxt-s-most-recent-developments-with-daniel-roe-vue-222",
-    "type": "podcast",
-    "title": "Nuxt's most recent developments",
-    "slug": "2023-08-21-views-on-vue",
-    "source": "Views on Vue",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2023-08-21T00:00:00.000Z"
-  },
-  {
-    "video": "https://portal.gitnation.org/contents/making-magic-building-a-typescript-first-framework",
-    "type": "conference",
-    "title": "Making magic: building a TypeScript-first framework",
-    "slug": "2023-09-21-typescript-congress",
-    "source": "TypeScript Congress",
-    "tags": [
-      "typescript",
-      "nuxt"
-    ],
-    "date": "2023-09-21T00:00:00.000Z",
-    "release": "2023-09-21-typescript-congress"
-  },
-  {
-    "link": "",
-    "type": "conference",
-    "title": "Building for the edge: crafting a next gen framework",
-    "slug": "2023-09-23-digital-labin",
-    "source": "Digital Labin",
-    "group": "building-for-the-edge",
-    "tags": [
-      "nuxt",
-      "nitro"
-    ],
-    "date": "2023-09-23T00:00:00.000Z",
-    "release": "2023-09-23-digital-labin"
-  },
-  {
-    "link": "",
-    "type": "conference",
-    "title": "Building for the edge: crafting a next gen framework",
-    "slug": "2023-10-05-armada-js",
-    "source": "Armada JS",
-    "group": "building-for-the-edge",
-    "tags": [
-      "nuxt",
-      "nitro"
-    ],
-    "date": "2023-10-05T00:00:00.000Z",
-    "release": "2023-10-05-armada-js"
-  },
-  {
-    "video": "https://www.youtube.com/watch?v=4P391HVvjIY&list=PLqGQbXn_GDmkOsHI7-Wrbv1GgAA4tJZhg&index=18",
-    "type": "conference",
-    "title": "Nuxt: making an extensible meta framework",
-    "slug": "2023-10-05-viteconf",
-    "source": "ViteConf",
-    "tags": [
-      "nuxt",
-      "vite"
-    ],
-    "date": "2023-10-05T16:00:00.000Z",
-    "release": "2023-10-05-viteconf"
-  },
-  {
-    "video": "https://www.youtube.com/watch?v=d_IFKP1Ofq0",
-    "type": "conference",
-    "title": "A new Nuxt",
-    "slug": "2023-10-18-nuxt-nation",
-    "source": "Nuxt Nation",
-    "group": "a-new-nuxt",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2023-10-19T16:00:00.000Z",
-    "release": "2023-10-18-nuxt-nation"
-  },
-  {
-    "video": "",
-    "type": "conference",
-    "title": "A new Nuxt",
-    "slug": "2023-10-28-vuefes-japan",
-    "source": "VueFes Japan",
-    "group": "a-new-nuxt",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2023-10-28T16:00:00.000Z",
-    "release": "2023-10-28-vuefes-japan"
-  },
-  {
-    "video": "https://www.youtube.com/watch?v=_lUcmFgh0ww&list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT&index=2",
-    "type": "conference",
-    "title": "An AI-enabled framework: using LLMs to put people first",
-    "slug": "2023-11-02-jetbrains",
-    "source": "JetBrains JavaScript Day",
-    "group": "ai-enabled-framework",
-    "tags": [
-      "nuxt",
-      "malleable",
-      "ai"
-    ],
-    "date": "2023-11-02T10:00:00.000Z",
-    "release": "2023-11-02-jetbrains"
-  },
-  {
-    "video": "",
-    "type": "conference",
-    "title": "A new Nuxt",
-    "description": "Looking forward to what's coming in 2024, an overview of what we've built, and why.",
-    "slug": "2023-11-10-vueday-it",
-    "source": "vueday 2023",
-    "group": "a-new-nuxt",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2023-11-10T09:00:00.000Z",
-    "release": "2023-11-10-vueday-it"
-  },
-  {
-    "type": "conference",
-    "title": "Let's build: crafting a Nuxt 3 app from scratch",
-    "description": "This talk was a live-coding session building a Nuxt 3 recipe app with Nuxt UI, from the basics to more advanced features, like a custom provider for Nuxt Image.",
-    "repo": "https://github.com/danielroe/spooon",
-    "video": "https://youtu.be/WEaxO4j5lo0?si=IBmxX-UyjkeuZxCJ",
-    "demo": "https://nuxt-spooon.vercel.app",
-    "source": "Vue.js Nation",
-    "slug": "2024-01-25-vuejs-nation",
-    "tags": [
-      "nuxt",
-      "live coding"
-    ],
-    "date": "2024-01-25T00:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "State of Nuxt 2024",
-    "description": "Let's look at the current state of Nuxt and talk about the vision for Nuxt looking ahead into 2024.",
-    "source": "Vue.js Amsterdam",
-    "group": "state-of-nuxt-2024",
-    "slug": "2024-02-28-vuejs-amsterdam",
-    "release": "2024-02-28-vuejs-amsterdam",
-    "video": "https://www.youtube.com/watch?v=i8fTVMF_Q4U",
-    "tags": [
-      "nuxt",
-      "keynote"
-    ],
-    "date": "2024-02-28T00:00:00.000Z"
-  },
-  {
-    "type": "meetup",
-    "title": "Building a framework",
-    "description": "A brief tour of Nuxt and some lessons I've learned along the way.",
-    "slug": "2024-03-19-edinburghjs",
-    "release": "2024-03-19-edinburghjs",
-    "source": "EdinburghJS",
-    "tags": [
-      "nuxt",
-      "open source"
-    ],
-    "date": "2024-03-19T00:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "Building a better hammer",
-    "description": "This talk explores what's new in Nuxt 4, and the architectural decisions we've made to make it 'a better hammer', no matter what kind of project you're facing. This aims to be useful for anyone, even if they don't use Nuxt. We're thinking about framework philosophy, and what's under the hood.",
-    "slug": "2024-04-05-cityjs",
-    "group": "building-a-better-hammer",
-    "release": "2024-04-05-cityjs",
-    "source": "CityJS London",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2024-04-05T00:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "Modern development with Nuxt",
-    "description": "In this talk I explore some modern development practices that Nuxt adopts, including some live coding to show what it looks like in practice.",
-    "slug": "2024-04-18-devoxx-gr",
-    "release": "2024-04-18-devoxx-gr",
-    "source": "Devoxx Greece",
-    "video": "https://www.youtube.com/watch?v=BSZ29P_aMBg",
-    "tags": [
-      "nuxt",
-      "unjs"
-    ],
-    "date": "2024-04-18T00:00:00.000Z"
-  },
-  {
-    "type": "meetup",
-    "title": "An AI-enabled framework: using LLMs to put people first",
-    "slug": "2024-04-19-vuejs-athens",
-    "source": "VueJS Athens",
-    "group": "ai-enabled-framework",
-    "tags": [
-      "nuxt",
-      "malleable",
-      "ai"
-    ],
-    "date": "2024-04-19T19:00:00.000Z",
-    "release": "2024-04-19-vuejs-athens"
-  },
-  {
-    "type": "conference",
-    "title": "Building a better hammer",
-    "group": "building-a-better-hammer",
-    "description": "This talk explores what's new in Nuxt 4, and the architectural decisions we've made to make it 'a better hammer', no matter what kind of project you're facing. This aims to be useful for anyone, even if they don't use Nuxt. We're thinking about framework philosophy, and what's under the hood.",
-    "slug": "2024-04-25-vuejslive",
-    "video": "https://portal.gitnation.org/contents/building-a-better-hammer-the-story-of-nuxt-4",
-    "source": "Vue.js Live",
-    "tags": [
-      "nuxt"
-    ],
-    "date": "2024-04-25T00:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "State of Nuxt 2024",
-    "description": "Let's look at the current state of Nuxt and talk about the vision for Nuxt looking ahead into 2024.",
-    "source": "Vueconf US",
-    "group": "state-of-nuxt-2024",
-    "slug": "2024-05-17-vueconf-us-state-of-nuxt",
-    "release": "2024-05-17-vueconf-us-state-of-nuxt",
-    "tags": [
-      "nuxt",
-      "keynote"
-    ],
-    "date": "2024-05-17T00:00:00.000Z"
-  },
-  {
-    "slug": "2024-05-21-edinburghjs-unjs",
-    "date": "2024-05-21T00:00:00.000Z",
-    "source": "EdinburghJS",
-    "title": "Introducing UnJS",
-    "type": "conference",
-    "group": "introducing-unjs",
-    "release": "2024-05-21-edinburghjs-unjs",
-    "tags": [
-      "unjs"
-    ]
-  },
-  {
-    "type": "meetup",
-    "title": "An AI-enabled framework: using LLMs to put people first",
-    "slug": "2024-05-30-devhub-north",
-    "source": "DevHub North",
-    "group": "ai-enabled-framework",
-    "tags": [
-      "nuxt",
-      "malleable",
-      "ai"
-    ],
-    "date": "2024-05-30T19:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "Live on the edge",
-    "slug": "2024-06-05-frontend-nation",
-    "source": "Frontend Nation",
-    "date": "2024-06-05T00:00:00.000Z",
-    "video": "https://www.youtube.com/watch?v=SgvbylFEnoQ",
-    "tags": [
-      "nuxt",
-      "live coding"
-    ]
-  },
-  {
-    "type": "meetup",
-    "title": "Automatic web font optimisation with fontaine",
-    "slug": "2024-07-11-gdg-portlaoise-fontaine",
-    "release": "2024-07-11-gdg-portlaoise-fontaine",
-    "source": "Google I/O Extended Portlaoise",
-    "date": "2024-07-11T00:00:00.000Z",
-    "tags": [
-      "web vitals",
-      "fonts"
-    ]
-  },
-  {
-    "type": "meetup",
-    "title": "An AI-enabled framework: using LLMs to put people first",
-    "slug": "2024-07-11-gdg-portlaoise-llm",
-    "source": "Google I/O Extended Portlaoise",
-    "group": "ai-enabled-framework",
-    "tags": [
-      "nuxt",
-      "live coding",
-      "malleable",
-      "ai"
-    ],
-    "date": "2024-07-11T19:00:00.000Z"
-  },
-  {
-    "type": "conference",
-    "title": "The rise of the meta framework",
-    "slug": "2024-07-17-middlesborough-fe",
-    "group": "rise-of-the-meta-framework",
-    "source": "Middlesborough FE",
-    "date": "2024-07-17T00:00:00.000Z",
-    "tags": [
-      "framework",
-      "keynote"
-    ]
-  },
-  {
-    "type": "conference",
-    "source": "PragVue",
-    "date": "2024-09-17T00:00:00.000Z",
-    "description": "Let's look at the current state of Nuxt and talk about the vision for Nuxt looking ahead into 2024.",
-    "group": "whats-new-in-nuxt",
-    "title": "What's new in Nuxt 4",
-    "slug": "2024-09-17-pragvue",
-    "release": "2024-09-17-pragvue",
-    "tags": [
-      "nuxt"
-    ]
-  },
-  {
-    "type": "conference",
-    "title": "The rise of the meta framework",
-    "slug": "2024-09-26-scotland-is",
-    "group": "rise-of-the-meta-framework",
-    "release": "2024-09-26-scotland-is",
-    "source": "ScotSoft 2024",
-    "date": "2024-09-26T00:00:00.000Z",
-    "tags": [
-      "framework"
-    ]
-  },
-  {
-    "type": "conference",
-    "video": "https://youtu.be/uHln79_SQjs",
-    "slug": "2024-10-03-vite-conf",
-    "group": "magical-fonts",
-    "title": "Magically optimising your fonts",
-    "source": "ViteConf",
-    "release": "2024-10-03-viteconf",
-    "date": "2024-10-03T00:00:00.000Z",
-    "description": "This talk explores web font optimisation challenges and solutions, covering the impact of web fonts on Core Web Vitals and common implementation approaches. I introduce two new open source tools, fontaine and unifont, as well as demonstrating how we're able to build on top of them with Nuxt Fonts to create a streamlined, privacy-focused approach to web font implementation.",
-    "tags": [
-      "web vitals",
-      "fonts",
-      "vue",
-      "nuxt",
-      "performance"
-    ]
-  },
-  {
-    "type": "conference",
-    "title": "The rise of the meta framework",
-    "slug": "2024-10-08-vuejs-de",
-    "group": "rise-of-the-meta-framework",
-    "description": "An examination of the recent trend towards meta frameworks like Nuxt, Next, Solid Start, Remix, SvelteKit, and others, exploring the factors driving their rise in popularity.",
-    "source": "vuejs.de Conf",
-    "date": "2024-10-08T00:00:00.000Z",
-    "tags": [
-      "framework",
-      "nuxt"
-    ],
-    "release": "2024-10-08-vuejs-de"
-  },
-  {
-    "type": "meetup",
-    "title": "Nuxt from the architect point of Vue",
-    "slug": "2024-10-16-vuejs-in",
-    "source": "Vue from the Source",
-    "date": "2024-10-16T00:00:00.000Z",
-    "tags": [
-      "vue",
-      "nuxt"
-    ],
-    "release": "2024-10-16-vuejs-in"
-  },
-  {
-    "slug": "2024-11-12-nuxt-nation",
-    "release": "2024-11-12-nuxt-nation",
-    "title": "Magically optimising your fonts",
-    "description": "This talk explores web font optimisation challenges and solutions, covering the impact of web fonts on Core Web Vitals and common implementation approaches. I introduce two new open source tools, fontaine and unifont, as well as demonstrating how we're able to build on top of them with Nuxt Fonts to create a streamlined, privacy-focused approach to web font implementation.",
-    "source": "Nuxt Nation",
-    "date": "2024-11-12T19:10:00.000Z",
-    "type": "conference",
-    "group": "magical-fonts",
-    "tags": [
-      "vue",
-      "nuxt",
-      "performance",
-      "fonts",
-      "web vitals"
-    ]
-  },
-  {
-    "slug": "2024-11-15-perfnow",
-    "release": "2024-11-15-perfnow",
-    "title": "Unpacking bundling",
-    "description": "JavaScript represents a big part of page weight - and optimising for performance often requires trimming or optimising the bundle - albeit imperfectly. At the same time, bundlers have never been more important in full-stack JS frameworks. In this session we’ll be rethinking how bundlers can optimise JS, if we let go of some of our previous assumptions about what bundling means.",
-    "source": "performance.now()",
-    "date": "2024-11-15T15:35:00.000Z",
-    "type": "conference",
-    "tags": [
-      "vue",
-      "nuxt",
-      "bundling",
-      "performance",
-      "web vitals"
-    ],
-    "video": "https://www.youtube.com/watch?v=HxenDhBircw"
-  },
-  {
-    "slug": "2024-11-20-vuetoronto",
-    "release": "2024-11-20-vuetoronto",
-    "title": "What's next in Nuxt",
-    "description": "Let's look at the current state of Nuxt and talk about the vision for Nuxt looking ahead.",
-    "group": "whats-new-in-nuxt",
-    "source": "VueConf Toronto",
-    "date": "2024-11-20T09:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "nuxt"
-    ]
-  },
-  {
-    "slug": "2025-01-17-vuejs-nation",
-    "release": "2025-01-17-vuejs-nation",
-    "title": "Unpacking bundling",
-    "source": "Vue.js Nation",
-    "date": "2025-01-17T00:00:00.000Z",
-    "type": "conference",
-    "tags": [
-      "vue",
-      "nuxt",
-      "bundling",
-      "performance",
-      "web vitals"
-    ],
-    "video": "https://www.youtube.com/watch?v=5z0Jo3nc0dU"
-  }
-]
diff --git a/cms/components/GitHubReleaseInput.tsx b/cms/components/GitHubReleaseInput.tsx
new file mode 100644
index 00000000..b0d67678
--- /dev/null
+++ b/cms/components/GitHubReleaseInput.tsx
@@ -0,0 +1,201 @@
+import React, { useCallback, useEffect, useState } from 'react'
+import { Box, Button, Flex, Select, Text, useToast } from '@sanity/ui'
+import { set, unset } from 'sanity'
+import { useSecrets, SettingsView } from '@sanity/studio-secrets'
+
+interface GitHubRelease {
+  id: number
+  tag_name: string
+  name: string
+  published_at: string
+  draft: boolean
+  prerelease: boolean
+}
+
+interface GitHubReleaseInputProps {
+  elementProps: any
+  onChange: (patch: any) => void
+  value?: string
+  schemaType: any
+}
+
+const namespace = 'github'
+const secretKeys = [
+  {
+    key: 'token',
+    title: 'GitHub Personal Access Token',
+    description: 'Token for accessing GitHub API to fetch releases from danielroe/slides repository. Requires "public_repo" or "repo" permissions.',
+  },
+]
+
+export function GitHubReleaseInput (props: GitHubReleaseInputProps) {
+  const { onChange, value, elementProps } = props
+  const [releases, setReleases] = useState<GitHubRelease[]>([])
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [showSettings, setShowSettings] = useState(false)
+  const toast = useToast()
+  const { secrets, loading: secretsLoading } = useSecrets(namespace)
+
+  const hasGitHubToken = useCallback((): boolean => {
+    return !!secrets && typeof secrets === 'object' && secrets !== null && 'token' in secrets && !!secrets.token
+  }, [secrets])
+
+  const fetchReleases = useCallback(async () => {
+    const githubToken: string = hasGitHubToken() ? (secrets as any).token : null
+
+    if (!githubToken) {
+      if (!secretsLoading) {
+        setShowSettings(true)
+      }
+      return
+    }
+
+    setLoading(true)
+    setError(null)
+
+    try {
+      // Fetch releases from GitHub API using the secret token
+      const response = await fetch('https://api.github.com/repos/danielroe/slides/releases', {
+        headers: {
+          'Authorization': `token ${githubToken}`,
+          'Accept': 'application/vnd.github.v3+json',
+          'User-Agent': 'roe.dev-cms',
+        },
+      })
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch releases: ${response.statusText}`)
+      }
+
+      const data = await response.json()
+      setReleases(data)
+    }
+    catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Failed to fetch releases'
+      setError(errorMessage)
+      toast.push({
+        status: 'error',
+        title: 'Failed to fetch GitHub releases',
+        description: errorMessage,
+      })
+    }
+    finally {
+      setLoading(false)
+    }
+  }, [secrets, secretsLoading, toast, hasGitHubToken])
+
+  useEffect(() => {
+    fetchReleases()
+  }, [fetchReleases])
+
+  const handleChange = useCallback((selectedValue: string) => {
+    if (selectedValue) {
+      onChange(set(selectedValue))
+    }
+    else {
+      onChange(unset())
+    }
+  }, [onChange])
+
+  const selectedRelease = releases.find(release => release.tag_name === value)
+
+  // Show settings dialog if no token is configured
+  if (showSettings) {
+    return (
+      <SettingsView
+        title="GitHub Configuration"
+        namespace={namespace}
+        keys={secretKeys}
+        onClose={() => {
+          setShowSettings(false)
+        }}
+      />
+    )
+  }
+
+  return (
+    <Box>
+      <Flex direction="column" gap={3}>
+        <Flex justify="space-between" align="center">
+          <Text size={1} weight="semibold">GitHub Release</Text>
+          <Flex gap={2}>
+            <Button
+              text="Settings"
+              mode="ghost"
+              tone="default"
+              fontSize={1}
+              onClick={() => setShowSettings(true)}
+            />
+            <Button
+              text="Refresh"
+              mode="ghost"
+              tone="primary"
+              fontSize={1}
+              onClick={fetchReleases}
+              loading={loading}
+            />
+          </Flex>
+        </Flex>
+
+        {error && (
+          <Box padding={3} style={{ backgroundColor: '#fef2f2', borderRadius: '4px' }}>
+            <Text size={1} style={{ color: '#dc2626' }}>
+              {error}
+            </Text>
+          </Box>
+        )}
+
+        {!hasGitHubToken()
+          ? (
+              <Box padding={3} style={{ backgroundColor: '#fef3cd', borderRadius: '4px' }}>
+                <Text size={1} style={{ color: '#92400e' }}>
+                  GitHub token not configured. Click "Settings" to add your token.
+                </Text>
+              </Box>
+            )
+          : null}
+
+        <Select
+          {...elementProps}
+          value={value || ''}
+          onChange={event => handleChange(event.currentTarget.value)}
+          disabled={loading || !!error || !hasGitHubToken()}
+        >
+          <option value="">Select a release...</option>
+          {releases.map(release => (
+            <option key={release.id} value={release.tag_name}>
+              {release.name || release.tag_name}
+              {release.draft && ' (Draft)'}
+              {release.prerelease && ' (Pre-release)'}
+              {' - '}
+              {new Date(release.published_at).toLocaleDateString()}
+            </option>
+          ))}
+        </Select>
+
+        {selectedRelease && (
+          <Box padding={3}>
+            <Text size={1}>
+              <strong>Selected:</strong>
+              {' '}
+              {selectedRelease.name || selectedRelease.tag_name}
+              <br />
+              <strong>Published:</strong>
+              {' '}
+              {new Date(selectedRelease.published_at).toLocaleDateString()}
+              <br />
+              <strong>Slides URL:</strong>
+              {' '}
+              <code>
+                /slides/
+                {selectedRelease.tag_name}
+                .pdf
+              </code>
+            </Text>
+          </Box>
+        )}
+      </Flex>
+    </Box>
+  )
+}
diff --git a/cms/package.json b/cms/package.json
index 64bc5393..f8e6dfcc 100644
--- a/cms/package.json
+++ b/cms/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@sanity/icons": "^3.7.0",
+    "@sanity/studio-secrets": "^3.0.1",
     "@sanity/ui": "^2.15.18",
     "@sanity/vision": "^3.91.0",
     "gsap": "^3.13.0",
diff --git a/cms/schemaTypes/index.ts b/cms/schemaTypes/index.ts
index 1e3b4f29..21dcf282 100644
--- a/cms/schemaTypes/index.ts
+++ b/cms/schemaTypes/index.ts
@@ -3,7 +3,9 @@ import entity from './entity'
 import event from './event'
 import invite from './invite'
 import location from './location'
+import talk from './talk'
+import talkGroup from './talkGroup'
 import uses from './uses'
 import advocuSync from './advocuSync'
 
-export const schemaTypes = [ama, entity, event, location, invite, uses, advocuSync]
+export const schemaTypes = [ama, entity, event, location, invite, talk, talkGroup, uses, advocuSync]
diff --git a/cms/schemaTypes/talk.ts b/cms/schemaTypes/talk.ts
new file mode 100644
index 00000000..7ec0b2db
--- /dev/null
+++ b/cms/schemaTypes/talk.ts
@@ -0,0 +1,172 @@
+import { defineField, defineType } from 'sanity'
+import { GitHubReleaseInput } from '../components/GitHubReleaseInput'
+
+export default defineType({
+  name: 'talk',
+  title: 'Talk',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      description: 'Leave empty for upcoming events if title is not yet decided',
+    }),
+    defineField({
+      name: 'group',
+      title: 'Talk Group/Series',
+      type: 'reference',
+      to: [{ type: 'talkGroup' }],
+      description: 'Group this talk with others in the same series',
+    }),
+    defineField({
+      name: 'description',
+      title: 'Description',
+      type: 'text',
+      rows: 3,
+    }),
+    defineField({
+      name: 'date',
+      title: 'Date',
+      type: 'date',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'endDate',
+      title: 'End date (for multi-day events)',
+      type: 'date',
+      validation: Rule => Rule.custom((endDate, context) => {
+        const startDate = (context.document as any)?.date
+        if (endDate && startDate && new Date(endDate) <= new Date(startDate)) {
+          return 'End date must be after start date'
+        }
+        return true
+      }),
+    }),
+    defineField({
+      name: 'source',
+      title: 'Event/Source',
+      type: 'string',
+      description: 'Conference, meetup, podcast name, etc.',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'location',
+      title: 'Location',
+      type: 'string',
+      description: 'City, country, or "Online"',
+    }),
+    defineField({
+      name: 'type',
+      title: 'Type',
+      type: 'string',
+      options: {
+        list: [
+          { title: 'Conference Talk', value: 'conference' },
+          { title: 'Meetup Talk', value: 'meetup' },
+          { title: 'Podcast', value: 'podcast' },
+          { title: 'Workshop', value: 'workshop' },
+          { title: 'Stream', value: 'stream' },
+          { title: 'Other', value: 'talk' },
+        ],
+      },
+      initialValue: 'conference',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'episode',
+      title: 'Episode Number',
+      type: 'number',
+      description: 'For podcasts or numbered events',
+    }),
+    defineField({
+      name: 'tags',
+      title: 'Tags',
+      type: 'array',
+      of: [{ type: 'string' }],
+      options: {
+        layout: 'tags',
+      },
+    }),
+    defineField({
+      name: 'link',
+      title: 'Event Link',
+      type: 'url',
+      description: 'Link to event page, podcast episode, etc.',
+    }),
+    defineField({
+      name: 'video',
+      title: 'Video Link',
+      type: 'url',
+      description: 'YouTube, Vimeo, or other video link',
+    }),
+    defineField({
+      name: 'slides',
+      title: 'Slides (GitHub Release)',
+      type: 'string',
+      description: 'Select a release from danielroe/slides repository',
+      components: {
+        input: GitHubReleaseInput,
+      },
+    }),
+    defineField({
+      name: 'demo',
+      title: 'Demo Link',
+      type: 'url',
+      description: 'Link to live demo',
+    }),
+    defineField({
+      name: 'repo',
+      title: 'Repository Link',
+      type: 'url',
+      description: 'Link to code repository',
+    }),
+    defineField({
+      name: 'image',
+      title: 'Event Image',
+      type: 'image',
+      description: 'Event logo or promotional image',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      source: 'source',
+      date: 'date',
+      type: 'type',
+      image: 'image',
+    },
+    prepare ({ title, source, date, type, image }) {
+      const formattedDate = date ? new Date(date).toLocaleDateString() : 'No date'
+      const isPast = date ? new Date(date) < new Date() : false
+      const status = isPast ? '✅' : '📅'
+
+      return {
+        title: title || `${source} (${type})`,
+        subtitle: `${status} ${formattedDate} • ${source}`,
+        media: image,
+      }
+    },
+  },
+  orderings: [
+    {
+      title: 'Date (newest first)',
+      name: 'dateDesc',
+      by: [{ field: 'date', direction: 'desc' }],
+    },
+    {
+      title: 'Date (oldest first)',
+      name: 'dateAsc',
+      by: [{ field: 'date', direction: 'asc' }],
+    },
+    {
+      title: 'Source A-Z',
+      name: 'sourceAsc',
+      by: [{ field: 'source', direction: 'asc' }],
+    },
+  ],
+  initialValue: {
+    type: 'conference',
+    tags: [],
+  },
+})
diff --git a/cms/schemaTypes/talkGroup.ts b/cms/schemaTypes/talkGroup.ts
new file mode 100644
index 00000000..8b04954e
--- /dev/null
+++ b/cms/schemaTypes/talkGroup.ts
@@ -0,0 +1,33 @@
+import { defineField, defineType } from 'sanity'
+
+export default defineType({
+  name: 'talkGroup',
+  title: 'Talk Group/Series',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'description',
+      title: 'Description',
+      type: 'text',
+      rows: 3,
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      description: 'description',
+    },
+    prepare ({ title, description }) {
+      return {
+        title,
+        subtitle: description,
+      }
+    },
+  },
+})
diff --git a/modules/slides.ts b/modules/slides.ts
index f296ca1f..cf21cd05 100644
--- a/modules/slides.ts
+++ b/modules/slides.ts
@@ -2,6 +2,7 @@ import crypto from 'node:crypto'
 import { defineNuxtModule, updateRuntimeConfig, useNuxt, useRuntimeConfig } from 'nuxt/kit'
 import { $fetch } from 'ofetch'
 import { S3Client, PutObjectCommand, HeadObjectCommand } from '@aws-sdk/client-s3'
+import { createClient } from '@sanity/client'
 
 export default defineNuxtModule({
   meta: {
@@ -37,7 +38,21 @@ export default defineNuxtModule({
       },
     })
 
-    const talks = await import('../app/data/talks.json').then(r => r.default)
+    const sanityClient = createClient({
+      projectId: '9bj3w2vo',
+      dataset: 'production',
+      apiVersion: '2025-01-01',
+      useCdn: false,
+      token: process.env.NUXT_SANITY_TOKEN,
+    })
+
+    const talks = await sanityClient.fetch(`
+      *[_type == "talk" && defined(slides)] {
+        _id,
+        slides,
+        "release": slides
+      }
+    `)
 
     const Bucket = 'slides'
     for (const talk of talks) {
diff --git a/modules/sync/runtime/utils/items.ts b/modules/sync/runtime/utils/items.ts
index 4ba67834..c3bc7817 100644
--- a/modules/sync/runtime/utils/items.ts
+++ b/modules/sync/runtime/utils/items.ts
@@ -2,7 +2,6 @@ import fsp from 'node:fs/promises'
 import { globby } from 'globby'
 import matter from 'gray-matter'
 import { serializers } from '../../../shared/serialisers'
-import talks from '../../../../app/data/talks.json'
 import type { SyncItem } from '../providers'
 
 export async function getMarkdownArticles (): Promise<SyncItem[]> {
@@ -52,23 +51,35 @@ const talkMap: Record<string, SyncItem['type']> = {
   meetup: 'talk',
   conference: 'talk',
   stream: 'video',
+  workshop: 'talk',
 }
 
 export async function getTalks () {
   const items: SyncItem[] = []
-  for (const talk of talks) {
-    const link = talk.link || talk.video
-    if (!link) {
-      continue
+
+  try {
+    const talks = await $fetch('/api/talks')
+
+    for (const talk of talks) {
+      const link = talk.link || talk.video
+      // Only sync talks that have a link/video
+      if (!link) {
+        continue
+      }
+
+      items.push({
+        type: talkMap[talk.type] || 'talk',
+        title: talk.title,
+        date: talk.date,
+        body_markdown: talk.description || '',
+        canonical_url: link,
+        tags: Array.isArray(talk.tags) ? talk.tags : [],
+      })
     }
-    items.push({
-      type: talkMap[talk.type] || 'talk',
-      title: talk.title,
-      date: talk.date,
-      body_markdown: talk.description || '',
-      canonical_url: link,
-      tags: Array.isArray(talk.tags) ? talk.tags : [],
-    })
   }
+  catch (error) {
+    console.warn('Failed to fetch talks from CMS for sync, skipping:', error)
+  }
+
   return items
 }
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0a900983..3418912a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -337,8 +337,6 @@ export default defineNuxtConfig({
     ],
     sanity: {
       projectId: '9bj3w2vo',
-      perspective: 'production',
-      useCdn: true,
     },
     screens: {
       logo: 40,
@@ -361,6 +359,11 @@ export default defineNuxtConfig({
     apiHost: 'https://v.roe.dev',
   },
 
+  sanity: {
+    apiVersion: '2025-02-19',
+    perspective: 'published',
+  },
+
   scripts: {
     defaultScriptOptions: {
       bundle: true,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb2936c4..ce8512a2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -242,6 +242,9 @@ importers:
       '@sanity/icons':
         specifier: ^3.7.0
         version: 3.7.0(react@18.3.1)
+      '@sanity/studio-secrets':
+        specifier: ^3.0.1
+        version: 3.0.1(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.91.0(@emotion/is-prop-valid@1.2.2)(@types/node@24.0.7)(@types/react@18.3.23)(immer@10.1.1)(jiti@2.4.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.43.1)(typescript@5.8.3)(yaml@2.8.0))(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/ui':
         specifier: ^2.15.18
         version: 2.15.18(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
@@ -3006,6 +3009,12 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  '@sanity/incompatible-plugin@1.0.5':
+    resolution: {integrity: sha512-9JGAacbElUPy9Chghd+sllIiM3jAcraZdD65bWYWUVKkghOsf1L/+jFLz1rcAuvrA9o2s7Y+T75BNcXuLwRcvw==}
+    peerDependencies:
+      react: ^16.9 || ^17 || ^18 || ^19
+      react-dom: ^16.9 || ^17 || ^18 || ^19
+
   '@sanity/insert-menu@1.1.12':
     resolution: {integrity: sha512-pJyV3c+wFk1xYBD87CynhjJFi96gd5ybAWijz9z/uNU5YieywKjuFAYRcZBfBU24Ihncuf3LdOmkwtcJFG1w1A==}
     engines: {node: '>=18.0.0'}
@@ -3070,6 +3079,14 @@ packages:
     resolution: {integrity: sha512-sb5IeEszGCVFF2J+EGaPe1wUuZzErUXikIYewhbPR+3uCu1096Xh8R2dBJ1ekiU8ZjUKUOrWnHWz30XdgeGGcw==}
     engines: {node: '>=20.0.0'}
 
+  '@sanity/studio-secrets@3.0.1':
+    resolution: {integrity: sha512-r9X/2t0xA5HHZyWZQvj8QQTE/mOm0Y5PsoZLKffMERvr8cDpRXYmzr33rRv5teMcWWUwYBMurcoGe29twvFDMA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18.2.0 || ^19
+      sanity: ^3.36.4
+      styled-components: ^6.1
+
   '@sanity/telemetry@0.8.1':
     resolution: {integrity: sha512-YybPb6s3IO2HmHZ4dLC3JCX+IAwAnVk5/qmhH4CWbC3iL/VsikRbz4FfOIIIt0cj2UOKrahL/wpSPBR/3quQzg==}
     engines: {node: '>=16.0.0'}
@@ -14347,7 +14364,7 @@ snapshots:
     dependencies:
       '@sanity/client': 7.6.0(debug@4.4.1)
       '@sanity/comlink': 3.0.5
-      '@sanity/presentation-comlink': 1.0.21(@sanity/client@7.6.0)(@sanity/types@3.91.0(@types/react@18.3.23))
+      '@sanity/presentation-comlink': 1.0.21(@sanity/client@7.6.0(debug@4.4.1))(@sanity/types@3.91.0(@types/react@18.3.23)(debug@4.4.1))
       '@sanity/visual-editing-csm': 2.0.17(@sanity/client@7.6.0)(@sanity/types@3.91.0(@types/react@18.3.23))(typescript@5.8.3)
     transitivePeerDependencies:
       - '@sanity/types'
@@ -14442,6 +14459,11 @@ snapshots:
       - '@types/react'
       - supports-color
 
+  '@sanity/incompatible-plugin@1.0.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   '@sanity/insert-menu@1.1.12(@emotion/is-prop-valid@1.2.2)(@sanity/types@3.91.0(@types/react@18.3.23)(debug@4.4.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 3.7.0(react@18.3.1)
@@ -14534,14 +14556,6 @@ snapshots:
     transitivePeerDependencies:
       - '@sanity/types'
 
-  '@sanity/presentation-comlink@1.0.21(@sanity/client@7.6.0)(@sanity/types@3.91.0(@types/react@18.3.23))':
-    dependencies:
-      '@sanity/client': 7.6.0(debug@4.4.1)
-      '@sanity/comlink': 3.0.5
-      '@sanity/visual-editing-types': 1.1.0(@sanity/client@7.6.0(debug@4.4.1))(@sanity/types@3.91.0(@types/react@18.3.23)(debug@4.4.1))
-    transitivePeerDependencies:
-      - '@sanity/types'
-
   '@sanity/preview-url-secret@2.1.11(@sanity/client@6.29.1)':
     dependencies:
       '@sanity/client': 6.29.1(debug@4.4.1)
@@ -14621,6 +14635,18 @@ snapshots:
       - react
       - use-sync-external-store
 
+  '@sanity/studio-secrets@3.0.1(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.91.0(@emotion/is-prop-valid@1.2.2)(@types/node@24.0.7)(@types/react@18.3.23)(immer@10.1.1)(jiti@2.4.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.43.1)(typescript@5.8.3)(yaml@2.8.0))(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+    dependencies:
+      '@sanity/incompatible-plugin': 1.0.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/ui': 2.15.18(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      react: 18.3.1
+      sanity: 3.91.0(@emotion/is-prop-valid@1.2.2)(@types/node@24.0.7)(@types/react@18.3.23)(immer@10.1.1)(jiti@2.4.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.43.1)(typescript@5.8.3)(yaml@2.8.0)
+      styled-components: 6.1.18(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - react-dom
+      - react-is
+
   '@sanity/telemetry@0.8.1(react@18.3.1)':
     dependencies:
       lodash: 4.17.21
diff --git a/server/api/talks.get.ts b/server/api/talks.get.ts
new file mode 100644
index 00000000..da067fba
--- /dev/null
+++ b/server/api/talks.get.ts
@@ -0,0 +1,40 @@
+export default defineEventHandler(async event => {
+  const sanity = useSanity(event)
+
+  // Always return past talks with titles (for sync and display)
+  const groqQuery = `*[_type == "talk" && date < now() && defined(title) && title != ""] {
+    _id,
+    title,
+    description,
+    date,
+    endDate,
+    source,
+    location,
+    type,
+    episode,
+    tags,
+    link,
+    video,
+    slides,
+    demo,
+    repo,
+    "group": group->{
+      _id,
+      title,
+      description
+    },
+    image
+  } | order(date desc)`
+
+  try {
+    const talks = await sanity.client.fetch(groqQuery)
+    return talks
+  }
+  catch (error) {
+    console.error('Failed to fetch talks:', error)
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch talks',
+    })
+  }
+})
diff --git a/server/api/upcoming-conferences.get.ts b/server/api/upcoming-conferences.get.ts
index 85b08412..6c75929f 100644
--- a/server/api/upcoming-conferences.get.ts
+++ b/server/api/upcoming-conferences.get.ts
@@ -1,8 +1,9 @@
 import { imageMeta } from 'image-meta'
 
-const eventQuery = groq`
-*[_type == 'event' && date > now()] {
-  name,
+const talkQuery = groq`
+*[_type == 'talk' && date >= now()] {
+  title,
+  "name": coalesce(title, source),
   "dates": date,
   endDate,
   link,
@@ -17,6 +18,7 @@ const eventQuery = groq`
 
 interface Event {
   name: string
+  title?: string
   dates: string
   endDate?: string
   link: string
@@ -33,7 +35,7 @@ export default defineEventHandler(async event => {
 
   const sanity = useSanity(event)
 
-  const upcomingConferences = sanity.config.token ? await sanity.client.fetch<Event[]>(eventQuery) : []
+  const upcomingConferences = sanity.config.token ? await sanity.client.fetch<Event[]>(talkQuery) : []
 
   const formatter = new Intl.DateTimeFormat('en', {
     month: 'long',
diff --git a/test/unit/bundle.spec.ts b/test/unit/bundle.spec.ts
index 6699af44..98e8d926 100644
--- a/test/unit/bundle.spec.ts
+++ b/test/unit/bundle.spec.ts
@@ -36,7 +36,7 @@ describe('project sizes', () => {
     stats.client = await analyzeSizes('**/*.js', publicDir)
     expect
       .soft(roundToKilobytes(stats.client.totalBytes))
-      .toMatchInlineSnapshot(`"492k"`)
+      .toMatchInlineSnapshot(`"493k"`)
     expect.soft(stats.client.files.map(f => f.replace(/\..*\.js/, '.js').replace(/_scripts\/.*\.js/, '_scripts/script.js')).sort())
       .toMatchInlineSnapshot(`
         [
@@ -79,7 +79,7 @@ describe('project sizes', () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
     expect
       .soft(roundToKilobytes(stats.server.totalBytes))
-      .toMatchInlineSnapshot(`"837k"`)
+      .toMatchInlineSnapshot(`"816k"`)
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect
-- 
2.51.2