Войти
  • 1182Просмотров
  • 6 дней назадОпубликованоCand Dev

Build a Fullstack Portfolio App with Next.js 16, Prisma 7, Better Auth, PostgreSQL & ShadCN UI

In this video, I show you how to build a complete fullstack portfolio application using 16, React 19, Prisma 7, and Better Auth. You’ll also build a Markdown blog, a comment system, and a clean UI using ShadCN UI + Tailwind CSS v4. Install Prisma v7 in a : 🛠️ Tools & Packages Used: - [Shadcn UI]: - [Better Auth]: - [react-markdown]: - [remark-gfm]: ⏱️ Timestamps: 00:00 – Introduction 01:18 – Install & Setup + ShadCN UI 03:40 – Build Portfolio Home Page UI 18:08 – Install & Setup Prisma 7 in 13:10 – Install & Configure Better Auth in 18:12 – Seed Blog Posts into Database with Prisma 22:16 – Render Blog Posts to the UI 24:03 – Create Blog Page 31:30 – Build Markdown Renderer Component 36:27 – Create Comments Page 39:30 – Add GitHub Login Integration (AuthButton) 48:41 – Build Comment Form Component 57:25 – Create CommentList Component 🌐 Check out more content: - My Portfolio: - Medium: @ckriswinarto 💻 Get the Source Code: - GitHub: 🌐 Recommended Digital Tools (Affiliate Links): - Hostinger: Get 20% Off on Web Hosting - 👍 If you found this video helpful, please like, and subscribe! ❓ Any questions? Drop them in the comments below! #Coding #Nextjs16 #React19 #Prisma7 #ShadcnUI #BetterAuth #FullstackDevelopment #PortfolioWebsite #WebDevelopment