diff --git a/.env.example b/.env.example
index efd49c6b..1877b30b 100644
--- a/.env.example
+++ b/.env.example
@@ -7,3 +7,6 @@ NUXT_RESEND_API_KEY=
 DEVTO_TOKEN=
 NUXT_SOCIAL_NETWORKS_BLUESKY_PASSWORD=
 NUXT_SESSION_PASSWORD=
+
+NUXT_TWITCH_CLIENT_ID=
+NUXT_TWITCH_CLIENT_SECRET=
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7565a885..db53ddea 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -12,6 +12,10 @@ export default defineNuxtConfig({
     sessionPassword: '',
     // emailing ideas
     resendApiKey: '',
+    twitch: {
+      clientId: '',
+      clientSecret: '',
+    },
     github: {
       // my GH ID
       id: 'MDQ6VXNlcjI4NzA2Mzcy',
@@ -165,6 +169,7 @@ export default defineNuxtConfig({
 
   image: {
     domains: [
+      'static-cdn.jtvnw.net',
       'avatars.githubusercontent.com',
       's3.nl-ams.scw.cloud',
       'cdn.bsky.social',
diff --git a/src/components/TheTalks.server.vue b/src/components/TheTalks.server.vue
index c3e92e6b..b82d9586 100644
--- a/src/components/TheTalks.server.vue
+++ b/src/components/TheTalks.server.vue
@@ -52,19 +52,33 @@ const upcomingConferences = [
 //   }
 // }
 
-const { data: talks } = await useAsyncData(
-  () =>
-    ((process.server || process.dev) as true) &&
-    import('../data/talks.json').then(r => r.default as any as Talk[]),
-  {
-    transform: talks =>
-      (talks
-        ?.sort(
+const [{ data: talks }, { data: streams }] = await Promise.all([
+  useAsyncData(
+    () =>
+      ((process.server || process.dev) as true) &&
+      import('../data/talks.json').then(r => r.default as any as Talk[]),
+    {
+      transform: talks =>
+        talks.sort(
           (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
-        )
-        .map(formatDateField) as Talk[]) || [],
-  }
-)
+        ),
+    }
+  ),
+  useFetch('/api/streams', {
+    transform: streams =>
+      streams.slice(0, 4).map(stream => ({
+        title: stream.title,
+        thumbnail: stream.thumbnail_url
+          .replace('%{width}', '1200')
+          .replace('%{height}', '630'),
+        source: 'Twitch',
+        link: stream.url,
+        date: stream.created_at,
+        type: 'video',
+        video: stream.url,
+      })),
+  }),
+])
 </script>
 
 <template>
@@ -103,10 +117,43 @@ const { data: talks } = await useAsyncData(
       </article>
     </GridLink>
   </section>
+  <section class="mt-12 flex flex-row flex-wrap gap-4">
+    <h2 class="uppercase text-sm font-bold tracking-widest">Latest streams</h2>
+    <GridLink v-for="video of streams" :key="video.title" :href="video.video">
+      <article class="flex flex-row gap-4">
+        <header class="flex-grow">
+          {{ video.title }}
+          <dl
+            class="block md:flex flex-row flex-wrap mt-1 leading-normal uppercase text-xs"
+          >
+            <dt class="float-left md:float-none mr-2">Date</dt>
+            <dd class="font-semibold mr-4">
+              <NuxtTime
+                :datetime="video.date"
+                day="numeric"
+                month="long"
+                year="numeric"
+              />
+            </dd>
+            <dt class="float-left md:float-none mr-2">Where</dt>
+            <dd class="font-semibold mr-4">{{ video.source }}</dd>
+          </dl>
+        </header>
+        <img
+          class="aspect-[1.9] w-[150px] -mr-4 my-[-.88rem]"
+          width="1200"
+          height="630"
+          :alt="`Still thumbnail for ${video.title}`"
+          :src="video.thumbnail"
+        />
+      </article>
+    </GridLink>
+    <a href="https://twitch.tv/danielroe"> See more </a>
+  </section>
   <section class="mt-12 flex flex-row flex-wrap gap-4">
     <h2 class="uppercase text-sm font-bold tracking-widest">Past talks</h2>
     <GridLink
-      v-for="{ title, source, link, date, type, video, formattedDate } in talks"
+      v-for="{ title, source, link, date, type, video } of talks"
       :key="link"
       :alt="title"
       :href="video || link"
@@ -128,7 +175,12 @@ const { data: talks } = await useAsyncData(
           >
             <dt class="float-left md:float-none mr-2">Date</dt>
             <dd class="font-semibold mr-4">
-              <time :datetime="date">{{ formattedDate }}</time>
+              <NuxtTime
+                :datetime="date"
+                day="numeric"
+                month="long"
+                year="numeric"
+              />
             </dd>
             <dt v-if="source" class="float-left md:float-none mr-2">Where</dt>
             <dd v-if="source" class="font-semibold mr-4">
diff --git a/src/server/api/streams.ts b/src/server/api/streams.ts
new file mode 100644
index 00000000..48f0a8fd
--- /dev/null
+++ b/src/server/api/streams.ts
@@ -0,0 +1,62 @@
+export default defineCachedEventHandler(async () => {
+  const config = useRuntimeConfig()
+  const token = await $fetch<TwitchTokenResponse>(
+    'https://id.twitch.tv/oauth2/token',
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `client_id=${config.twitch.clientId}&client_secret=${config.twitch.clientSecret}&grant_type=client_credentials`,
+    }
+  )
+
+  const videos: TwitchVideo[] = []
+  let batch: TwitchDataResponse<TwitchVideo[]> | undefined
+  do {
+    batch = await $fetch<TwitchDataResponse<TwitchVideo[]>>('/videos', {
+      baseURL: 'https://api.twitch.tv/helix',
+      query: {
+        user_id: '489621500',
+        type: 'archive',
+        after: batch?.pagination?.cursor,
+      },
+      headers: {
+        'Client-ID': config.twitch.clientId,
+        Authorization: `Bearer ${token.access_token}`,
+      },
+    })
+    videos.push(...batch.data)
+  } while (batch.pagination?.cursor)
+
+  return videos
+})
+
+interface TwitchVideo {
+  created_at: string
+  description: string
+  duration: string
+  id: string
+  language: string
+  muted_segments: null
+  published_at: string
+  stream_id: string
+  thumbnail_url: string
+  title: string
+  type: string
+  url: string
+  user_id: string
+  user_login: string
+  user_name: string
+  view_count: number
+  viewable: string
+}
+
+interface TwitchDataResponse<T> {
+  data: T
+  pagination: { cursor?: string }
+}
+
+interface TwitchTokenResponse {
+  access_token: string
+  expires_in: number
+  token_type: string
+}
diff --git a/test/unit/bundle.spec.ts b/test/unit/bundle.spec.ts
index 7141580f..712e4436 100644
--- a/test/unit/bundle.spec.ts
+++ b/test/unit/bundle.spec.ts
@@ -78,7 +78,7 @@ describe('project sizes', () => {
     stats.server = await analyzeSizes(['**/*.mjs', '!node_modules'], serverDir)
     expect
       .soft(roundToKilobytes(stats.server.totalBytes))
-      .toMatchInlineSnapshot('"372k"')
+      .toMatchInlineSnapshot('"374k"')
 
     const modules = await analyzeSizes('node_modules/**/*', serverDir)
     expect