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…