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

Publié le: 14 février 2024
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Fullstack AI Form Builder Tutorial with Next JS, TypeScript, Drizzle ORM, React, OpenAI, Stripe durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur webdecoded 14 février 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 62,400 fois et il a aimé 2.2 mille téléspectateurs. Bon visionnage!

2,214