SAAS AI Chatbot – Email Marketing, Nextjs15, Clerk, Neon, Uploadcare, Cloudways, Bun, Stripe, Pusher
π΄ 4 Spots Left For Unlimited Lifetime Access To Prodigies Universityππ»
https://webprodigies.com/?utm_sounce=groupleDescription
πͺͺ Purchase a license to monetize the code
https://webprodigies.com/license
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 π
________________________________________________________
discord: 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