Build a REAL Software-as-a-Service app with AI features and a payments and credits system that you might even turn into a side income or business using Next.js 14, Cloudinary AI, Clerk, and Stripe.
✨Get 3 Bonus Credits for your Free Cloudinary Account: cld.media/jsmastery
📙 Next Cloudinary Documentation: next.cloudinary.dev/
⭐ Clerk: dub.sh/j4oY3Io
🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: jsmastery.pro/masterclass
📚Materials/References:
GitHub Repository (give it a star ⭐) github.com/adrianhajdin/ai_sa...
README (assets & code): github.com/adrianhajdin/ai_sa...
💻 Join our Discord Community - / discord
🐦 Follow us on Twitter: / jsmasterypro
🖼️ Follow us on Instagram: / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:03:49 - Project Setup
00:12:12 - Next.js Routing & folder structure
00:23:21 - Clerk Authentication
00:37:15 - Layout Sidebar & Mobile Navigation
01:02:06 - Database & Models Setup
01:18:54 - Server Actions & Webhook
01:47:50 - Add Image Form (React Hook Form + Zod Validation)
02:26:05 - Cloudinary Media Uploader
02:49:00 - Transformed Image Components
03:01:10 - Image Server Action
03:33:25 - Homepage + Search & Pagination
03:52:10 - Image details, Update & Delete Image
04:12:21 - Checkout & Pay with Stripe
04:30:10 - Final Deployment & Production fixes
Негізгі бет Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe
Пікірлер: 671