How to Create Full Stack AI Website Generator App with Nextjs, React, Typescript, ImageKit
Learn how to create a Full Stack AI Website Generator SaaS App with Next.js, React, TypeScript, Tailwind, Clerk, Drizzle ORM, Neon & ImageKit. 🔗 Useful Links & special bonuses ❤️ Clerk: https://go.clerk.com/FhafaxB Signup for ImageKit’s forever free plan : https://tinyurl.com/ujy8h9vn Eraser Docs: https://dcmk.short.gy/ai-website-gene... TubeGuruji Pro: https://www.tubeguruji.com 🔥 Create stunning AI short films with Kravix Studio – Free to try! 👉 https://kravixstudio.com?ref=yt-ai-web 👉 App Demo : https://dcmk.short.gy/ai-web-gen-demo 🔥 Features: One-click AI website generation Inline editing (no full regen 🎉) Auth with Clerk Database with Drizzle ORM + Neon Image upload/optimization with ImageKit Modern UI with Tailwind & Shadcn Perfect for anyone building AI-powered SaaS apps! Source Code 🔗 Free Resources : https://dcmk.short.gy/ai-website-gen-... 🔗 Source Code: https://dcmk.short.gy/ai-web-gen-sour... 🔗 Free Assets : https://dcmk.short.gy/ai-website-gene... 🔗 Member Only Source Code : https://dcmk.short.gy/ai-website-gene... 📢 Stay Connected: 💻 Join our Discord Community - / discord 🖼️ Follow us on Instagram: / tubeguruji 💼 Business Inquiries: [email protected] Join this channel to get access to perks: [ / @tubeguruji ⏰Timestamps: 00:00:00 — Cool 7D Intro and Demo 👌 00:09:24 — How to Create NextJs App 00:14:33 — how to Setup Shadcn UI Component Library 00:20:01 — Landing Screen 00:36:49 — How to Setup Drizzle ORM and Neon DB 00:44:18 — How to Setup Auth using Clerk 01:07:47 — Workspace Layout 01:23:14 — Create Website Generator Project 01:40:29 — Playground Layout 01:49:16 — Quick Update 01:51:26 — Chat Section 02:09:28 — How to Connect AI Models 02:35:55 — Save Chat Conversation 02:42:17 — Display Generated Website 02:48:46 — Save Generated Code 02:47:34 — Render Website in Iframe 03:01:15 — Webpage Tools 03:26:04 — Element Selection 03:30:27 — Element Settings 03:43:22 — How To Setup Imagekit & Use AI Image Transformation 04:13:23 — Update & Save Settings 04:24:57 — Display Project List 04:35:12 — How to Setup Clerk Billing 04:52:55 — How to Deploy NextJs App on Vercel for Free
