webapp/src/pages/topic/[slug].astro

---
import { Root } from '../../components/Root'
import Zine from '../../layouts/zine.astro'
import { apiClient } from '../../utils/apiClient'

const slug = Astro.params.slug?.toString() || ''
const articles = await apiClient.getArticlesForTopics({ topicSlugs: [slug], limit: 50 })
const topic = articles[0].topics.find(({ slug: topicSlug }) => topicSlug === slug)

Astro.response.headers.set('Cache-Control', 's-maxage=1, stale-while-revalidate')
---

<Zine>
  <Root articles={articles} topic={topic} client:load />
</Zine>