Build and Deploy AI GitHub Code Platform | Next.js 16, React, tRPC, Self Host,

Description

Build and deploy a production-ready AI GitHub PR Reviewer from scratch using Next.js, tRPC, Prisma, Better Auth, and PostgreSQL — then ship it to a real VPS with Docker and HTTPS. 🌐 Demo: https://codereviewer.openagents.cc 🌐 VPS Used in This Video: https://mivocloud.com/ 📘 Full VPS Production Deployment Guide (All Commands Used in This Video): https://docs.withcodewise.com/docs/command-guides/vps/production-blueprint-vps-docker-caddy-github-actions ✅ Connects to GitHub repositories ✅ Lists and analyzes pull requests ✅ Computes risk scores ✅ Highlights issues directly in PR diffs ✅ Suggests AI-powered fixes ✅ Runs background jobs ✅ Handles GitHub webhooks ✅ Deploys to a production VPS with Docker + HTTPS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🛠️ TECH STACK • Next.js (App Router) • tRPC (End-to-End Type Safety) • TanStack Query • Prisma ORM • PostgreSQL • Better Auth • Inngest (Background Jobs) • Docker & Docker Compose • Ubuntu VPS + Caddy (HTTPS) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📚 WHAT YOU'LL LEARN • Designing a production-ready Next.js architecture • End-to-end type-safe APIs with tRPC • Database modeling with Prisma • Authentication with Better Auth • Integrating with GitHub APIs • Building an AI review engine • Background job processing with Inngest • Handling GitHub webhooks • Dockerizing a full-stack app • Deploying to a VPS with HTTPS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⏱️ TIMESTAMPS 0:00 - Intro & Demo 2:58 - Project Setup 8:30 - Database Setup 15:18 - Setting Up tRPC 42:56 - Authentication (Better Auth) 1:43:37 - GitHub Repositories Integration 3:50:20 - Pull Request Listing 4:46:21 - PR Diff Viewer 6:21:50 - Inngest Background Jobs 7:05:48 - AI Review Service 7:15:40 - Review Result UI 8:35:14 - Review History 9:08:17 - GitHub Webhooks 9:17:30 - VPS Deployment (Docker + HTTPS) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 RESOURCES 📦 Source Code: https://github.com/fiston-user/aicodereviewer.git 📖 Prisma: https://www.prisma.io 📖 tRPC: https://trpc.io 📖 Inngest: https://www.inngest.com ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🤝 CONNECT WITH ME 🌍 Portfolio: https://www.fiston.net 💬 Discord: https://discord.com/invite/cMNSUQvYRt 💼 Business: fiston.turner@outlook.com 💬 Drop a comment if you have questions. 👍 Subscribe for more full-stack & backend engineering builds. #nextjs #ai #github #prisma #trpc #fullstack #webdevelopment #docker #typescript #backend #saas