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

Опубликовано: 15 Март 2025
на канале: Web Prodigies

167,213

5.7k

Sourcecode: https://webprodigies.com/product-deta...

⏰ Prodigies University - Learn to start your SAAS and get your first customer
https://www.skool.com/freelance-prodi...

🍡 MOCHI - My first premium SAAS course (Coming Soon) join the waitlist now:
https://webprodigies.com/?utm_source=...

🙏🏻 Help us create more free content for you with this 15 second survey:
https://forms.gle/8tu5GEiCEjoJcr2b7

discord: / discord

Previous Video:
SAAS Automation Builder: • SAAS Automation Builder: Clerk Authen...

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

🔗 IMPORTANT LINKS
Clerk Authentication: https://go.clerk.com/PPbouPQ
Cloudways: https://www.cloudways.com/en/?id=1669735 - (Use code WEBP for $20 credit free hosting)
Neon Serverless Postgres: https://neon.tech/?ref=wp
UploadCare: https://app.uploadcare.com/billing/?p... - (WP50 – Pro plan with 50% discount for 6 month)
Screen Studio: https://screenstudio.lemonsqueezy.com...
Stripe Cheat Sheet: https://webprodigies.com/product-deta...
Github Code: https://webprodigies.com/product-deta...
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
⚠️ Email Marketing: https://www.loom.com/share/48c61e7982...
07:30:28 - How to use stripe connect in nextjs14 application to sell our customers products
07:44:40 - 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
08:10:50 - Customer Checkout Page to purchase products from on the portal
08:38:33 - Build a Dashboard in Nextjs15
08:56:27 - How to build real time apps in nextjs using Pusher
09:04:48 - How to get a job in 2024 in web development
09:05:07 - Bonus Training (Sales)
09:06:12 - Completed sales framework
09:07:33 - Unlimited courses and mentorship in PU

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