AI Presentation Builder (PART 1/2) - Nextjs 15, OpenAI, LemonSqueezy, Prisma, Clerk, Neon
📘 Resources
🔗 Clerk Auth: https://go.clerk.com/CqwKnoG
🔗 Neon: https://fyi.neon.tech/3wp
🔗 Uploadcare: https://uploadcare.com/?via=emmanuel (WP50 – Pro plan with 50% discount for 6 month)
🔗 Github: https://webprodigies.com/store/vivid-...
🔗 Figma file: https://webprodigies.com/store/figma?...
🍡 MOCHI - My first premium SAAS course (Coming Soon) join the waitlist now:
https://webprodigies.com/mochi?utm_so...
⏰ Prodigies University - Learn to start your SAAS and get your first customer
https://www.skool.com/freelance-prodi...
📜 Help me create even better free content for you — just answer these questions!
http://events.webprodigies.com/?utm_s...
Discord Community: / discord
⏰ Timestamps
00:00 - 00:40 Fancy 3D intro
00:40 - 02:31 My first ever premium course
02:31 - 08:43 Project Demo
08:43 - 10:41 How to get the source code + Bonus features
10:41 - 41:31 Project techstack Setup
41:31 - 58:05 Prisma Schemas
58:05 - 01:14:04 Dashboard Page
01:14:04 - 01:50:15 Dashboard Sidebar & Navbar
01:50:15 - 02:01:43 Building your first store with Zustand
02:01:43 - 02:31:15 Finishing up the sidebar with Navbar
02:31:15 - 03:15:05 Rendering projects
03:15:05 - 04:27:45 Create page
04:27:45 - 05:41:25 Rendering outlines for slides (Drag & Drop from scratch)
05:41:25 - 06:20:37 AI prompt engineering and Image generation
06:20:37 Premium features Real time AI streaming + codebase
Highlighted Featured
🍋 LemonSqueezy Payments
🏪 Presentation Template Store with LemonSqueezy
🗑️ Send Projects to Trash
🎛️ Drag & Drop Presentation Builder
🔗 Share Links with Friends to View Presentations
🎨 Select Themes for Presentations
🖌️ Create Presentations with Creative AI
✨ AI Image Generations
📡 Real-Time Streaming of Slides with Creative AI
🔗 LemonSqueezy-Connect (Similar to Stripe Connect)
⚡ Vercel Real-Time Streaming
⬆️ Upload Images Generated by Creative AI
📽️ Beautiful Minimal Animations
🌙 Light & Dark Mode
🏗️ Pre-Built Layouts and Elements