Next-Auth Login Authentication Tutorial with Next.js App Directory
Dave Gray
@davegrayteachescodeAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Latest Posts
Video Description
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap In this Next-Auth login authentication tutorial with Next.js app directory, you will learn how to protect all of your pages with credentials or an OAuth login from providers like GitHub. Learn how to protect any page in your app. **Get CodiumAI for FREE:** https://marketplace.visualstudio.com/items?itemName=Codium.codium or visit: https://www.codium.ai/ 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 👇 Follow Me On Social Media: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Source Code: https://github.com/gitdagray/next-auth-intro Next-Auth Login Authentication Tutorial with Next.js App Directory (00:00) Intro (00:05) Welcome (00:28) CodiumAI (01:39) Create Next.js Project & Dependencies (02:21) NextAuth.js Introduction (04:20) Auth Route Handler (05:49) NextAuth options (10:13) NEXTAUTH_SECRET (11:52) Setting up GitHub OAuth (16:09) Configuring Providers in options (23:08) Send a GET request to /api/auth/providers (25:06) App Behavior for 3 different server pages (26:27) Apply NextAuth with Middleware (29:10) 3 Different Protection Approaches (31:14) NextAuth with Client Components (37:35) Next.js Images from an OAuth Provider (39:26) Wrap-up 📚 Tutorial References: 🔗 NextAuth.js Official Site: https://next-auth.js.org/ 🔗 Next.js Official Site: https://nextjs.org/ 🔗 ES7 React Snippets Extension: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets Was this Next-Auth tutorial using the Next.js 13 App Directory helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #next #auth
Upgrade Your Home Gym
AI-recommended products based on this video
Sperax 4 in 1 Walking Vibration Pad Treadmill, Walking Treadmill Pad for Home with Remote Control and APP Global Recycled Standard
Small Standing Desk Adjustable Height, Mobile Stand Up Desk with Wheels, 32 Inch Portable Rolling Desks for Walking Pad Treadmill Wood Rustic
Walking Pad Treadmill, Under Desk Treadmill for Home and Office with Remote Control, Portable 2.5 HP Walking Jogging Running Machine in LED Display
TOPUTURE Foldable Walking Pad with Incline, 2 in 1 Folding Under Desk Treadmill for Home/Office, Portable Compact Treadmill with Remote Control, APP & LED Display, 300lbs Capacity
KEY2FUN Treadmills for Home, Walking Pad Treadmill, Portable Foldable Treadmill, Lightweight Folding Treadmill with 300 LBS Capacity, 3.0 HP Portable Foldable Walking Pad with LED Display
TOPUTURE Foldable Walking Pad with Incline, 2 in 1 Folding Under Desk Treadmill for Home/Office, Portable Compact Treadmill with Remote Control, APP & LED Display, 300lbs Capacity
Walking Pad Treadmill, Under Desk Treadmill for Home and Office with Remote Control, Portable 2.5 HP Walking Jogging Running Machine in LED Display
Treadmill, FOUSAE 5 in 1 Foldable 7.5 MPH Treadmill for Home with App Compatible, 12 Programes, Powerful 2.5 HP Portable Walking Pad with Manual Incline, Magnetic Remote Control Double Operation
Walking Pad with 9% Incline, FOUSAE 3 in 1 6.2 MPH Treadmill for Home with Double Frame 330 LB Weight Capacity, 2.5 HP Under Desk Walking Pad Treadmill with 12 HIIT Programs, Magnetic Remote Control
Walking Pad, FOUSAE 3 in 1 Max 6.2 MPH Treadmill for Home with Double Frame 330 LB Weight Capacity, Powerful 2.5 HP Wider Belt Walking Pad with 9% Incline, 12 HIIT Programes, Magnetic Remote Control
MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED
Exercise Bike, SLUNSE 5-in-1 Stationary Bike For Home Workout, Foldable Exercise Bike With 16 Levels Adjustable Magnetic Resistance,10DB Super-Silent Indoor Cycling Bike with 350lbs Weight Capacity
Glofex Twister Arm Chest Trainer - Adjustable 60-90lbs Resistance Bar Home Gym,Strength Training Exerciser Equipment for Men,Portable Muscle Builder Chest Clip Muscle Workouts Device
Smart Watch for Men Women Bluetooth Call, 1.85" HD Touch Screen Fitness Watch with Sleep Heart Rate Monitor, 112+ Sports Modes, IP68 Waterproof Activity Trackers for Android iOS, Black
Fitness Tracker with 24/7 Heart Rate Sleep Blood Oxygen Monitor,IP68 Waterproof Smart Watch,1.10''AMOLED Touch Color Screen,Step Counter Health Activity Trackers for Women Men
IMFRCHCS Fitness Tracker,Smart Watch with 1.47" Touch Display,137+Sport Modes Fitness Watch with Heart Rate Sleep Monitor, Step Counter,IP68 Waterproof Activity Trackers for Women Men
aycy Smart Watch for Men Women Bluetooth Call, 1.85" HD Touch Screen Fitness Watch with Sleep Heart Rate Monitor, 112+ Sports Modes, IP68 Waterproof Activity Trackers for Android iOS, Pink
Invincible Fitness Agility Ladder Full Training Equipment Set, Improves Coordination, Speed, Power and Strength, Includes 10 Cones 4 Hooks and 3 Loop Resistance Bands for Outdoor Workout
Figure 8 Fitness Resistance Band 3 Pcs, Elastic Rope Stretch Bands for Working Out, Foot, Leg, Arm, Back, Chest, Portable Home Office Training Exercise Stretcher for Yoga Pilates Physical Therapy
6-Tube Pedal Resistance Band, Premium Elastic Tension Rope for Full Body Workout, Natural Latex Fitness Bands for Strength Training,Yoga Stretching Slimming Training, Home Gym Exercise Equipment
Exercise Bike, SLUNSE 5-in-1 Stationary Bike For Home Workout, Foldable Exercise Bike With 16 Levels Adjustable Magnetic Resistance,10DB Super-Silent Indoor Cycling Bike with 350lbs Weight Capacity
Exercise Bike, MOSUNY 5-in-1 Stationary Bike With 10DB Super-Silent, Folding Exercise Bike with 16-Level Adjustable Magnetic Resistance, 350 LBS Indoor Cycling Bike For Home Workout
llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in
Cervical Neck Pillow, Ergonomic Memory Foam Pillows for Neck Pain Relief with Breathable Pillowcase, Contour Neck Support Pillow for Side Back Stomach Sleepers, Odorless OEKO-TEX STANDARD 100
AstroAI 27" Snow Brush and Detachable Ice Scraper with Ergonomic Foam Grip for Cars, Trucks, SUVs (Heavy Duty ABS, PVC Brush, Orange)
