Podcastify is a fully responsive, high-performance podcast website built with Next.js, Tailwind CSS, and ShadCN UI. It offers a clean design and seamless experience for podcast creators to showcase episodes, feature hosts/guests, publish blogs, and engage with their audience.
- Framework: Next.js
- Styling: Tailwind CSS
- UI Components: ShadCN UI
- Icons: Lucide
- 🎧 Episodes Listing & Detail Pages
- 👤 Hosts and Guest Profiles
- 📬 Subscribe Form with Validation
- 📝 Blog List and Detail Pages
- 📄 Home, About, Contact, FAQ Pages
- 💡 Fully Responsive Layout
- 🌙 Light/Dark Mode Support
- 🔍 SEO Friendly with Meta Tags
- ⚡ Fast, Scalable & Optimized
| Page | Description |
|---|---|
| Home | Highlight latest episodes, feature hosts/guests, and newsletter CTA |
| About | Describe your podcast mission, story, and team |
| Contact | Form to send inquiries or feedback (validated with zod) |
| Subscribe | Newsletter subscription form with confirmation |
| Hosts | List and profiles of podcast hosts |
| Guests | Archive of featured guests with bio and image |
| Episodes | List of all episodes with filters/tags |
| Episode Detail | Show title, guest info, audio player, transcript, tags, and more |
| Blogs | List of blogs, articles, and updates |
| Blog Detail | Full article content with author, date, and related posts |
| FAQ | Frequently Asked Questions in accordion format |
git clone https://github.com/pawantech12/podcastify-website.git
cd podcastify-websitepnpm install
# or
yarn installpnpm run dev
# or
yarn devOpen http://localhost:3000 to view the app.
You can deploy this project on Vercel, Netlify, or any platform that supports Next.js.
pnpm run build
pnpm run dev- Replace placeholder images in
/public - Configure
next-seoor custom meta tags inapp/layout.tsx
Feel free to open issues or submit pull requests. Contributions are welcome!
this project is free to use.