Summary
Full Transcript
🚀 Dive into building a powerful AI-driven form builder SaaS with NextJs & React! Learn to style with TailwindCSS, integrate Gemini API, and manage authentication using Clerk. 💻✨ Perfect for enhancing your web dev skills! 🌟 ⭐ TubeGuruji : https://tubeguruji.com ⭐ Clerk : https://go.clerk.com/p1XAbvf ⭐ Eraser.io : https://www.eraser.io ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 📚 Materials/References: GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/ai-form-builder-source-code https://go.clerk.com/p1XAbvf 🌟 Free Source Code for Members: https://www.tubeguruji.com/course-preview/nextjs-ai-from-builder-using-react 🖼️ Follow us on Instagram: https://www.instagram.com/tubeguruji/ 💼 Business Inquiries: [email protected] Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join Content: - Learn to Create NextJs React App and Library Install - Implement Social and Email Password authentication with Clerk - Learn Tailwindcss & Daisy UI Library - PostgreSql and Drizzle Setup - Learn to write Drizzle ORM query - Generate AI form with Google Gemini API - Setup Gemini API : AI modal - Generate AI form - Apply more than 20+ themes to form - Customize Form and Edit Fields - Record / Save User Response - Step by step tutorial - Deploy App on Cloud / Vercel --------------Video Chapter------------ 00:00:00 Introduction 00:05:21 Project Setup 00:21:31 Landing Page 00:33:14 Authentication 01:07:28 Backend Setup 01:22:38 Generate AI Form 01:56:17 Display form on UI 03:00:19 Form Style, Theme & Apprerance 03:32:29 Live form preview 03:54:30 User Responses 04:15:45 Quick Fix 04:20:07 Display Form List on Dashboard 04:42:39 Export Form Responses 05:00:19 SideNav Progress Bar 05:04:21 Payment Getway 05:14:51 Sign In Before Form Submit 05:25:19 Deploy App
