Build and Deploy a Production-Ready Fullstack App | Next.js, tRPC, Prisma postgresql & Tailwind

Build and Deploy a Production-Ready Fullstack App | Next.js, tRPC, Prisma postgresql & Tailwind

🚀 Support the Channel: If you found this video helpful, consider joining the Patreon! You will also be funding my upcoming Interactive Dev Playground:   / membership  

⚙️ Tech Stack Used
⚛️ Next.js (with TypeScript) – Scalable React framework
🎨 TailwindCSS – Utility-first styling
🔑 Clerk – Authentication & user management
🗄️ Prisma ORM – Database ORM
🐘 Neon – Serverless Postgres database
🔗 tRPC – End-to-end type-safe APIs
🖼️ ImageKit – Image & video uploads
🌐 ngrok – Secure local testing
🌀 concurrently – Manage multiple processes
🛡️ react-error-boundary – Graceful error handling

Free Source Code: https://github.com/BensonRaro/rebrandx

⏱️ Timestamps
🎬 Intro: 00:00:00 - 00:02:49
⚛️ Setup Next.js: 00:02:49 - 00:20:41
🛤️ Next.js Routing: 00:20:41 - 00:47:56
🗄️ Prisma ORM + Neon Setup: 00:47:56 - 01:28:46
🔑 Clerk Setup in Next.js: 01:28:46 - 01:44:55
🌐 Clerk Webhook + ngrok: 01:44:55 - 02:35:13
🔗 tRPC Setup + Clerk Integration: 02:35:13 - 03:07:45
📐 XRebrand Layout: 03:07:45 - 03:21:35
📋 Left Sidebar: 03:21:35 - 03:41:03
📱 Bottom Navbar: 03:41:03 - 03:52:11
📝 Create Modal: 03:52:11 - 04:23:12
#️⃣ Mentions & Hashtag Autocomplete: 04:23:12 - 05:15:43
🖼️ Upload Images & Videos (ImageKit): 05:15:43 - 05:46:34
⚙️ First tRPC Procedure: 05:46:34 - 06:07:27
📝 Create Post (tRPC): 06:07:27 - 06:39:23
➡️ Right Sidebar: 06:39:23 - 07:16:05
👥 Suggested Users & Feeds (tRPC Fetching): 07:16:05 - 08:28:46
🗨️ Post Page: 08:28:46 - 08:47:09
🔍 Explore Page: 08:28:46 - 09:03:29
👤 Profile Page: 09:03:29 - 09:37:33
🚀 Deploy XRebrand: 09:37:33 - 09:47:04

#ai #saas #aisaas #nextjs #shadcn #react #tech #firebase #inngest #tailwindcss #framer-motion #webdevelopment #tutorial #coding #programming #javascript #typescript