Podcast

PodReel

A show page that turns listeners into subscribers.

Best for: Podcasters who want a real home for the show, not just a feed.

Long conversations with the people building what's next.

Overview

PodReel is the home a good podcast deserves. The warm, on-air 'Studio' theme sets a late-night booth mood, and the flow does a show's real job: a bold hero with the latest episode, a 'listen on' row for every platform, a browsable episode list, the people behind the mic, and listener quotes that earn the follow. Swap the episodes and platform links in the config and it's your show.

Who it's for

Independent podcastersInterview & narrative showsAudio studios & networksBranded company podcasts

Highlights

Bold on-air hero with episode mock
'Listen on' platform row
Latest-episodes list with guests & durations
Hosts, listener quotes & a podcaster FAQ
Episode detail, archive & a membership screen
Warm dark 'Studio' theme

Pages included

Show home
Sign in
Sign up
Terms of Service
Privacy Policy
Episode detail
Episode archive
Support (Longwave+)
Themed 404 / 500 / loading

Built with

Next.js 16React 19Tailwind v4TypeScript

What you'll get

A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.

PodReel Launch Kit

v1.0.0 · Single-project license

Coming soon

In the box

Next.js source codeThe complete, typed project — yours to keep and edit.
Content configEvery word, link, and price in one editable file.
Theme configColors, fonts, and shape as simple design tokens.
Auth screensThemed sign in & sign up — split layout, ready to wire up.
Legal starter pagesPractical Terms & Privacy you can customize, not legal advice.
3 niche product screensDesigned for this kit — e.g. a dashboard, detail, or checkout.
Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
Guides + launch checklistCustomization, deployment, launch checklist, and troubleshooting.
DESIGN.md + AGENTS.mdSystem-design map + agent operating rules and starter prompts.
License + changelogPlain-language usage terms (placeholder) and version history.

To launch it

Difficulty: beginner
Setup time: About 30 minutes
Deploys to: Vercel · Netlify
Guides: 4 included
Support: Standard email support and optional setup help.

Request early access

Downloads open when checkout launches.

Customization & requirements

Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.

You'll need

Node 20+A code editorGitHub accountVercel account (free)

You can customize

Show name & taglineEpisodes (title, guest, duration)Listen-on platform linksHostsSubscribe / follow link

Built for AI agents

Customizing with Claude, Cursor, or another agent is the intended path — the kit tells the agent what it may touch. Use the “Build it with AI” button in the sidebar for a ready-made starter prompt.

AGENTS.mdOperating rules, project map, starter prompts.
DESIGN.mdDesign system and theming contract — tokens only.
configThe safe editing zone: copy, links, pricing, and theme as data — AGENTS.md names the files.

Launch checklist

Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.

Launch checklist

19 steps

Make it yours

Replace the logo and favicon
Update your business / brand name
Rewrite the hero copy
Update services, features, and pricing
Set your real contact email
Swap placeholder images for your own

Metadata & SEO

Update the page title and description
Set your Open Graph share image
Point metadataBase at your real domain

Quality check

Test the responsive layout on mobile
Test every button and contact CTA
Run a quick Lighthouse pass

Wire up your show

Point every 'listen on' link at your real show pagesApple, Spotify, YouTube, and your RSS feed all live in one config array.
Swap the episode list for your feedTitle, guest, and duration per episode — or drop in your host's embed player.
Connect the Longwave+ membership CTA to checkoutThe support screen is a demo; wire it to your Patreon, Memberful, or Lemon Squeezy link.
Set the subscribe button to your follow / email captureHero, nav, and footer all share one destination.

Launch