Podwav Saas Podcast Clone
A SaaS Podcast Platform Clone that uses Next.js, React, Clerk authentication, Tailwind CSS, Radix UI components, Embla Carousel, Convex backend, and Svix webhook management. Demonstrates scalable, modern web development for a dynamic podcast platform with server-side rendering and real-time performance.
Podwav: SaaS Podcast Clone
Project Overview
Podwav is an innovative podcast platform that leverages the power of artificial intelligence to create podcasts. Users can enter information into an AI generator, which then produces a high-quality podcast, making the process of podcast creation seamless and efficient.
Features
- AI-Generated Podcasts: Input information and let the AI handle the rest.
- User Authentication: Secure login and user management powered by Clerk.
- Customizable UI: Tailwind CSS for a flexible and responsive design.
Technologies Used
- Next.js: Framework for server-side rendered React applications.
- React Three Fiber: Integration of 3D animations.
- Tailwind CSS: Utility-first CSS framework.
- Clerk: Authentication and user management.
- Convex: Backend logic and database management.
- EmailJS: Automated email handling.
- TypeScript: Typed JavaScript for better code quality.
- ESLint: Code quality and consistency tool.
Project Structure
.
├── .vscode
├── app
│ ├── (auth)
│ ├── (root)
│ ├── providers
│ │ ├── AudioProvider.tsx
│ │ └── ConvexClerkProvider.tsx
│ ├── globals.css
│ ├── layout.tsx
├── components
├── constants
├── convex
│ ├── _generated
│ ├── auth.config.ts
│ ├── files.ts
│ ├── http.ts
│ ├── openai.ts
│ ├── podcasts.ts
│ ├── schema.ts
│ ├── tasks.ts
│ └── users.ts
├── lib
├── public
├── types
├── .eslintrc.json
├── .gitignore
├── components.json
├── layout.js
├── middleware.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── README.md
├── sampleData.json
├── tailwind.config.ts
└── tsconfig.json
Getting Started
Prerequisites
Installation
- Clone the repository:
git clone https://github.com/yourusername/podwav.git
- Navigate to the project directory:
cd podwav
- Install dependencies:
npm install
oryarn install
Running the Project
- Start the development server:
npm run dev
oryarn dev
- Open your browser and navigate to
http://localhost:3000
.
Building for Production
- Build the project:
npm run build
oryarn build
- Start the production server:
npm start
oryarn start
Contributing
Please, no contributions.