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-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: admin@tubeguruji.com
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