YTUnity

Creator channel

Coding in Flow

15 recent indexed videos · 79,628 subscribers

Browse Coding in Flow videos Visit the official Coding in Flow YouTube channel

Latest videos

Fresh from Coding in Flow

Showing 12 of 15 kept videos

Guide | 1 years ago

Better-Auth - Full Guide (OAuth, Emails, Roles, Hooks, Authorization, Prisma, Next.js 15, Resend)

Watch on YouTube

Learn authentication with Better-Auth in Next.js! We will cover:

- What makes Better-Auth better than its alternatives - How to set up Better-Auth with Prisma and PostgreSQL - How to use plugins in Better-Auth - How to add email & password login - How to add social login (OAuth) with Google and GitHub - How to add roles and handle authorization - How to protect pages with unauthorized.tsx and forbidden.tsx - How to send transactional emails like verification and password reset emails with Resend - How to use hooks to enforce custom password validation rules - How to update user data like profile image, username, password, and email - Important best practices like SSR and caching - How to deploy your Better-Auth project to Vercel - And much more!

Links & files: Starting code: https://github.com/codinginflow/better-auth-tutorial/tree/starting-code Final code: https://github.com/codinginflow/better-auth-tutorial Prisma + Better-Auth setup guide: https://pris.ly/betterauth-nextjs lib/prisma.ts: https://github.com/codinginflow/better-auth-tutorial/blob/final-project/src/lib/prisma.ts Get your domain at Namecheap: https://namecheap.pxf.io/c/3559246/1632743/5618

⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices 💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter 💬 Join our developer community on Discord: https://codinginflow.com/discord

📣 Follow Coding in Flow on social media: Twitter: https://twitter.com/codinginflow Instagram: https://instagram.com/codinginflow TikTok: https://tiktok.com/@codinginflow Facebook: https://facebook.com/codinginflow

Timestamps: 0:00 - Why choose Better-Auth for authentication? 1:19 - Starting code setup 3:48 - Prisma & Prisma Postgres DB setup 7:50 - Better-Auth setup 16:16 - Email sign-up + sign-in 29:29 - Load session + user data (SSR) & protect pages (unauthorized.tsx) 36:18 - Custom User type with additional fields ($Infer.Session, $Infer.User) 44:55 - Request deduplication with React.cache 47:24 - Admin role (forbidden.tsx, server action) 52:47 - Email verification (Resend) 1:08:33 - Forgot password/reset password 1:18:08 - Hooks (custom password validation rules, APIError) 1:26:28 - Social login with Google & GitHub (OAuth) 1:36:26 - Redirects (route groups, layout.tsx, usePathname, useSearchParams) 1:42:48 - Update user profile data + image 1:47:31 - Change email 1:53:15 - Change password 1:56:21 - Revoke sessions (logout everywhere) 1:58:08 - Deployment to Vercel 2:01:00 - Outro + FREE React Best Practices course

Recent video details

Indexed videos from Coding in Flow

Better-Auth - Full Guide (OAuth, Emails, Roles, Hooks, Authorization, Prisma, Next.js 15, Resend)

Guide | 1 years ago

Learn authentication with Better-Auth in Next.js! We will cover: - What makes Better-Auth better than its alternatives - How to set up Better-Auth with Prisma and PostgreSQL - How to use plugins in Better-Auth - How to add email & password login - How to ad...

Open this video on Coding in Flow

React Context Has Changed (v19 Full Tutorial)

Guide | 1 years ago

Learn context in React 19 with the new syntax and new use() hook. Understand when and why to use context to avoid prop drilling. Including industry best practices and sample code to practice on. Starting code: https://github.com/codinginflow/react-19-contex...

Open this video on Coding in Flow

When you open VS Code through the command line #webdev #programmingmemes #programmingmeme

Guide | 1 years ago

How I feel when I open VS Code through the command line (like a hacker) 😎👤 ⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpra...

Open this video on Coding in Flow

13 Tailwind V4 Hacks EVERY Frontend Developer MUST Know

Guide | 1 years ago

My top 13 Tailwind CSS v4 tips & tricks you must know as a frontend developer. Full code: https://github.com/codinginflow/tailwind-hacks Get your React certificate and prove your skills: https://certificates.dev/react?friend=CFLOW ⭐ Get my full-stack Next....

Open this video on Coding in Flow

Build An AI Notes App (Vercel AI SDK v5, Next.js 15, Convex, RAG)

Guide | 1 years ago

Build and deploy an AI note-taking app with retrieval-augmented generation (RAG) using Next.js 15, Convex, the Vercel AI SDK v5, and the OpenAI API. Links & project files: Starting code: https://github.com/codinginflow/convex-aisdk-rag Final code: https://g...

Open this video on Coding in Flow

5 UseState Mistakes That Keep You A Junior Developer Forever 😫 (React.js)

Guide | 1 years ago

5 useState mistakes that even experienced React developers make. Starting code: https://github.com/codinginflow/usestate-mistakes Final code: https://github.com/codinginflow/usestate-mistakes/tree/solutions ⭐ Get my full-stack Next.js with Express & TypeSc...

Open this video on Coding in Flow

5 Server Action Mistakes That Ruin Your Next.js App ❌

Guide | 1 years ago

Are you making these 5 common mistakes when using server actions in Next.js/React 19? If yes, your app might have security holes and bugs. Starting code: https://github.com/codinginflow/server-actions-mistakes/tree/Starting-point Final code: https://github....

Open this video on Coding in Flow

My Top 6 Cursor Pro Tips (RIP GitHub Copilot)

Guide | 1 years ago

My best tips for the Cursor IDE and why it's much better than VS Code and GitHub Copilot. ⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com...

Open this video on Coding in Flow

Self-Host Next.js & PostgreSQL On VPS - Full Tutorial (Custom Domain, SSL, Security)

Guide | 1 years ago

Learn how to self-host your Next.js app and a local Postgres database on a cheap VPS. Set up Nginx and PM2 and secure your server with a Firewall. Connect a real domain and set up a free SSL certificate. Every step and command is provided. Get a cheap VPS o...

Open this video on Coding in Flow

Infinite Scroll With React Query - Everything You Need To Know (Mutations, Intersection Observer)

Guide | 1 years ago

Learn how to implement infinite scroll with React Query's useInfiniteQuery hook and the react-intersection-observer library. You'll also learn how to add new items to your list efficiently without refetching all pages. Starting code: https://github.com/codi...

Open this video on Coding in Flow

TanStack React Query v5 - Full Guide (Setup, Mutations, Infinite Loading, Optimistic Updates)

Guide | 1 years ago

Learn & master TanStack React Query v5 with this one video! Including useQuery, useInfiniteQuery, useMutation, optimistic updates, and more. Starting code: https://github.com/codinginflow/react-query-v5-tutorial/tree/Starting-Point Finished project: https:/...

Open this video on Coding in Flow

9 Ways To Parse A Number In JavaScript 🤯 #javascript #webdevelopment #javascripttutorial

Guide | 1 years ago

Nine ways to parse a number from a string in JavaScript. How many did you know? ⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbest...

Open this video on Coding in Flow