Podcast is a dark, premium Astro theme for podcasters, interview shows, creator podcasts and podcast networks. It pairs a cinematic design — near-black surfaces, warm orange gradients and Poppins typography — with a complete, content-driven website: episodes, hosts, topics, a blog and every page a growing show needs.
Pages and templates
- Homepage with hero player, listening platforms, stats, bento topic grid, latest episodes, membership card, hosts, audience, review slider, guest application, FAQ and call to action
- Episodes archive with featured slider, keyword, topic, season and year filters and "load more", plus episode pages with show notes, key takeaways, clickable timestamps, transcript excerpt, guest bio, resources, share buttons, related episodes and previous/next navigation
- Topics index and topic pages with a featured episode and episode list
- Hosts index and profile pages with biography, hosted episodes, related topics and blog posts
- Blog built on content collections, with category filter, reading time, author box, related posts and RSS
- About, Be a Guest, Sponsorship, Membership, Contact, FAQ, Search, Privacy, Terms and 404
Features
- Static output, no UI framework — Swiper is the only client library and loads only on pages with a slider
- Audio player on the native audio element: play/pause, seek, skip 15/30 seconds, playback speed, volume, mute and download, plus a site-wide mini player. Nothing autoplays, and episodes without audio show a clear demo state
- Podcast RSS feed (`/podcast.xml`) with Apple Podcasts tags, generated from your episodes
- Responsive Swiper sliders for reviews, featured episodes, related episodes and hosts, with keyboard, touch and reduced-motion support and a no-JS scroll fallback
- Client-side search across episodes, articles, hosts and topics from a build-time JSON index — no external service
- SEO: per-page meta, canonical URLs, Open Graph/X cards, sitemap, robots.txt, blog RSS and JSON-LD (WebSite, PodcastSeries, PodcastEpisode, Person, BlogPosting, BreadcrumbList, FAQPage)
- Accessibility: skip link, focus-trapped mobile menu, keyboard dropdown, accessible accordions and form errors, visible focus states, WCAG AA button contrast, reduced-motion support
- Typed content: episodes, hosts and blog posts in Markdown collections validated by Zod; topics, reviews, stats, FAQ, plans and platforms in TypeScript data files; show details in one config file
- Static guest, contact and sponsorship forms ready for Formspree, Web3Forms or Netlify Forms
- Local optimised WebP images (CC0) and self-hosted Poppins
- Base-path aware links: deploy to Vercel, Netlify, Cloudflare Pages, GitHub Pages or any static host
Built with Astro 7, TypeScript and plain CSS design tokens. Includes a detailed README covering setup, customisation, adding episodes, audio, podcast RSS, forms and deployment.
