Full Stack Web App Tutorial w/ Next.js, Better Auth, Neon DB, Drizzle ORM, tRPC, and Tanstack Query скачать в хорошем качестве

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