Build & Deploy NextJs AI Form Builder SaaS Application using React, TailwindCSS, Gemini API, Clerk
🚀 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...
https://go.clerk.com/p1XAbvf
🌟 Free Source Code for Members: https://www.tubeguruji.com/course-pre...
🖼️ Follow us on Instagram: / tubeguruji
💼 Business Inquiries: [email protected]
Join this channel to get access to perks:
/ @tubeguruji
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
