SAAS AI Chatbot – Email Marketing, Nextjs15, Clerk, Neon, Uploadcare, Cloudways, Bun, Stripe, Pusher

🎁 Join Prodigies University today 👇🏻
https://www.skool.com/freelance-prodigies-2202/about

– Subscribe so you can get more free stuff on your feed 🥹

In Prodigies University we break down everything for the next videos in live deep dive sessions! See the whole process from start to finish:
✅ Architecture
✅ Wire-framing
✅ Workflows
✅ Figma layouts
✅ Project Management
✅ Backlog
✅ My Ideation process
✅ Early access to the project
✅ Ask questions to experts
✅ Provide feedback on features to include

FYI: Next project is already started in PU 🎉
________________________________________________________

Previous Video:
SAAS Automation Builder: https://youtu.be/XkOXNlHJP6M

Start Your AI SAAS for FREE today: https://webprodigies.com/skyrocketagency

🔗 IMPORTANT LINKS
Here is the discord if you want to hangout or get support: https://discord.gg/amjqmdyKHp
Clerk Authentication: https://go.clerk.com/PPbouPQ
Cloudways: https://www.cloudways.com/en/?id=1669735 – (Use code WEBP for $20 credit free hosting)
Neon Tech: https://neon.tech/?ref=wp
UploadCare: https://app.uploadcare.com/billing/?promo_code=WP50&plan_id=173&utm_source=youtube&utm_medium=social&utm_campaign=webprodigies – (WP50 – Pro plan with 50% discount for 6 month)
Screen Studio: https://screenstudio.lemonsqueezy.com/?aff=OXPpe
Stripe Cheat Sheet: https://webprodigies.com/product-details/product/664d1e6bf881ec6f7c5891fb
Github Code: https://github.com/webprodigies/corinna-ai
WEBPRODIGIES: https://webprodigies.com/

⏰ Timestamps
00:00 – Intro
00:41 – Demo
13:14 – Instructions
14:13 – Where to watch everything live
14:43 – How to setup a Nextjs 15 Application
17:08 – Authentication in Nextjs 15 application
20:33 – Prisma Setup
21:50 – Neon Database Setup
23:13 – How to create Prisma Schemas
26:04 – Custom Clerk Authentication Components without watermark
01:05:20 – Prodigies University Student Results $1000 in 2 weeks
01:23:02 – Landing Figma mockups
01:28:48 – How to setup Shadcn UI in Nextjs 15 application with dark mode
01:30:09 – How to build a landing page in nextjs
01:35:22 – Cloudways headless WordPress CMS for blogposts in Nextjs Application
02:20:10 – Routing in Nextjs15
02:22:05 – How to create Breadcrumbs in nextjs
02:26:05 – Billing Settings Page
02:29:38 – How to build a responsive Sidebar in React
02:48:29 – File uploads in nextjs 15 application using Upload care
03:25:02 – Custom theme components with Shadcn UI
03:48:30 – Domain settings page
04:04:00 – Code snippet to embed chatbots into websites
04:08:31 – Bot customization options
04:13:18 – improve performance in Nextjs by dynamically importing components
04:17:26 – How the chatbot worked under the hood (Prodigies University clips)
04:18:08 – Server Side Rendering And Client Side Rendering
04:20:40 – How to train an openAI Bot
04:54:22 – How to build real time chats in Nextjs (Conversation Page)
05:30:07 – How to create an AI chatbot in Nextjs (chatbot)
05:41:01 – How to stream a component from one domain to another in Nextjs
05:43:45 – Building the chatbot window
05:59:08 – Email Notifications using nodemailer in nextjs application
06:00:59 – How to get your Gmail APP password
06:07:39 – How to connect OpenAI in your nextjs project
06:08:32 – Open AI prompt engineering
06:29:16 – How to get OpenAI key
06:41:54 – Testing the bot responses
06:45:05 – How to build a Portal Page for customers in nextjs
06:48:27 – How to build a Calendar booking page in nextjs
06:56:14 – Portal Steps
07:21:46 – Appointments page
07:30:28 – How to use stripe connect in nextjs14 application to sell our customers products
07:44:40 – Get Stripe Quick Link PDF Guide with all the links you need
07:45:54 – Stripe Api keys
07:48:10 – How to Skip stripe connect onboarding process in test mode
07:52:50 – Alternative method to integrate stripe connect into your nextjs application
07:58:29 – Products page to add products to customers domain
08:10:50 – Customer Checkout Page to purchase products from on the portal
08:38:33 – Build a module Dashboard in Nextjs15
08:56:27 – How to build real time apps in nextjs using Pusher
09:04:48 – Bonus training How to get a job in 2024 in web development
09:05:07 – Bonus Training (Sales framework)
09:06:12 – Completed sales framework with detailed breakdown
09:07:33 – Get access to unlimited courses and mentorship in Prodigies University

Features
🤖 Automated AI sales rep (AI chatbot)
📅 Books appointments and processes payments
💻 Usable on any website with a simple code
🧠 Smart question linking
💬 Real-time chat (manual/automated)
🏷️ White-labeling options
🎨 Customizable interface
🗓️ Calendar widget for bookings
💳 Integrates with Stripe for payments
✉️ Simple email marketing
💰 Financial dashboard
💾 Save visitor info as leads
🔐 Custom login/signup with OTP
📲 Secure file/image uploads
🔍 SEO optimized blogging
🏗️ Improved architecture
🖥️ Minimal, stunning UI
❓ FAQ section
🌓 Light/dark mode toggle
⚙️ Feature control settings
🔒 Restrict features by plan
And more…