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

🎁 Learn Web Development The Right Way from Start to Finish LiveπŸ‘‡πŸ»
https://www.skool.com/freelance-prodigies-2202/about

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 πŸŽ‰
________________________________________________________
Here is the discord if you want to hangout or get support: https://discord.gg/9zQVnyCBJr

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

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/?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
⚠️ Email Marketing: https://www.loom.com/share/48c61e7982384038a80ec84e62845e04?sid=62333321-28f0-45be-a8c8-212d48d18dde
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