Fullstack AI Form Builder Tutorial with Next JS, TypeScript, Drizzle ORM, React, OpenAI, Stripe

Published: 14 February 2024
on channel: webdecoded

62,400

2.2k

Let's build an application that generates forms using AI!

Tech Stack:
Next-auth - authentication
Shadcn ui - ui library
Open Al - AI Integration
Drizzle - Orm
PostgreSQL - database
Stripe - payments
Tanstack -Table
Typescript - Type Checking
Plausible - Analytics
Vercel - Deployment
Stripe - Payments
Zod - Schema Validation

Features

Authentication ✅
AI Form Generation ✅
Form Publish and Submissions ✅
View your forms ✅
Admin Panel ✅
View Results ✅
Settings & Upgrade Subscription ✅
Analytics ✅
Landing page ✅

✉️Sign up for my newsletter:
http://eepurl.com/h4X959

🛤️Host your DB on Railway:
https://railway.app/?referralCode=rHmMH3

👾Join my Discord:
  / discord

✍️Full-Stack Roadmap:
https://webdecoded.gumroad.com/l/full...

🧑‍🚀Deploy a custom AI agent:
https://customgpt.ai/?fpr=webdecoded23

🌐GitHub URL:
https://github.com/judygab/ai-form-bu...

🐥Follow me on X:
  / webdecoded_g

🔥Firebase:
CRUD -    • React Firebase CRUD tutorial for Beginners...
Authentication -    • Authentication in ReactJS Using Firebase: ...

⚛️More on React:
Build a Portfolio Website -    • React Project Tutorial: Build a Responsive...
MERN Stack Project: Food Ordering App -    • Food Ordering App - React Node.js Full Tut...

☕Support the channel:
buymeacoff.ee/webdecoded5

00:00:00 - Demo & Project Setup
00:06:38 - Generate a Form
00:29:25 - Authentication
00:48:28 - Connect to Database
01:06:40 - List All Forms
02:28:00 - Admin Menu Navigation & Layout
03:18:00 - Results Page & Table
03:53:51 - Landing Page
04:08:46 - Payments Integration
05:25:34 - Deployment
05:30:03 - Analytics
05:35:00 - Thank you for watching

On this page of the site you can watch the video online Fullstack AI Form Builder Tutorial with Next JS, TypeScript, Drizzle ORM, React, OpenAI, Stripe with a duration of hours minute second in good quality, which was uploaded by the user webdecoded 14 February 2024, share the link with friends and acquaintances, this video has already been watched 62,400 times on youtube and it was liked by 2.2 thousand viewers. Enjoy your viewing!

75,690

345