This is a cutting-edge AI SaaS platform that enables users to create, discover, and enjoy podcasts with advanced features like text-to-audio conversion with multi-voice AI, podcast thumbnail Image generation and seamless playback.
Tech Stack
- Next.js
- TypeScript
- Convex
- OpenAI
- Clerk
- ShadCN
- Tailwind CSS
Features
- Robust Authentication: Secure and reliable user login and registration system.
- Modern Home Page: Showcases trending podcasts with a sticky podcast player for continuous listening.
- Discover Podcasts Page: Dedicated page for users to explore new and popular podcasts.
- Fully Functional Search: Allows users to find podcasts easily using various search criteria.
- Create Podcast Page: Enables podcast creation with text-to-audio conversion, AI image generation, and previews.
- Multi Voice AI Functionality: Supports multiple AI-generated voices for dynamic podcast creation.
- Profile Page: View all created podcasts with options to delete them.
- Podcast Details Page: Displays detailed information about each podcast, including creator details, number of listeners, and transcript.
- Podcast Player: Features backward/forward controls, as well as mute/unmute functionality for a seamless listening experience.
- Responsive Design: Fully functional and visually appealing across all devices and screen sizes.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.