Перейти к содержимому

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

webdecoded

0:00 / 0:00

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

62 715 просмотров · 2 г. назад
webdecoded
45,8 тыс. подписчиков
62 715 просмотров · 2 г. назад
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