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

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