Full Stack Web App Tutorial w/ Next.js, Better Auth, Neon DB, Drizzle ORM, tRPC, and Tanstack Query

This is the full walkthrough boilerplate creation tutorial where you can see step by step how to set up our Next.js projects for future walkthroughs. For those you who are up to date on this channel, this is a re-edited version based on viewer feedback and is the full episode replacing the various prior uploads.

Github link: https://github.com/GeorgeQLe/walkthro...

Key Features:
Next.js 15
Implement Better-Auth
Social OAuth Provider (Login with Google and Github accounts)
Login Page and Buttons Components
Logout functionality
Set up Drizzle ORM schema
Postgresql Neon db
API calls using tRPC procedures
Prefetch API queries
Make queries and mutations using Tanstack Query

Links:
Better-Auth: https://www.better-auth.com/
Next.js: https://nextjs.org/
Drizzle ORM: https://orm.drizzle.team/
Neon: neon.tech
tRPC: trpc.io
Tanstack Query: https://tanstack.com/query/latest

Timestamps
---
00:00 Intro to shadcn/ui
04:33 Installing Next.js and Shadcn/ui
07:11 Using shadcn to replicate a login card
22:06 Better Auth Intro
22:21 Better Auth Installation
28:39 Github OAuth Setup
34:29 Google OAuth Setup
41:26 Better Auth Setup and Front-End Creation
49:55 NeonDB setup
54:55 Drizzle ORM Installation and Better Auth Schema setup
1:32:38 Login and Logout Demo
1:35:20 tRPC introduction and explainer
1:39:54 tRPC installation and boilerplate setup
2:40:50 tRPC Prefetching explainer and why it's so important
2:43:28 tRPC API procedure calls using Tanstack Query
3:10:58 tRPC/Tanstack Query API query and mutation demo
3:13:43 Cleanup and push to Github

My Socials:
Join my discord:   / discord  
LinkedIn:   / georgeqle  

#nextjs #betterauth #programming #coding #trpc #tanstack #fullstack #drizzleorm #neondb #postgresql #github #google #shadcn #shadcnui