Build a unique Software-as-a-Service app with AI-powered features like text-to-multiple-voices functionality and AI-generated images with Next.js 14 and Convex.
⭐ Join JS Mastery Pro: https://jsm.dev/podcastr-jsmpro
💎 Become a Top 1% Next.js Developer: https://jsm.dev/podcastr-nextjs
📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/podcastr-kit
Clerk: https://jsm.dev/podcastr-clerk
Convex: https://jsm.dev/podcastr-convex
WebStorm: https://jsm.dev/podcastr-webstorm
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: [email protected]
Time Stamps 👇
00:00:00 — Intro
00:06:05 — Setup
00:20:30 — File & Folder Structure
00:28:40 — Left Sidebar
00:43:33 — Homepage Layout
00:59:07 — Convex Setup
01:19:53 — Clerk Setup
01:45:18 — Create Podcast Page
02:10:03 — Generate Podcast
02:25:35 — Integrate Open AI
02:50:57 — Generate Thumbnail
03:35:00 — Displaying Podcasts
03:38:50 — Podcast Details Page
04:05:10 — Right Sidebar
04:38:40 — Podcast Player
04:59:50 — Discover Page
05:15:30 — Mobile Nav
05:23:24 — Profile Page
05:33:33 — Deployment