frank Tech
frank Tech
  • 12
  • 329 921
Full-Stack Next.js Authentication System, Register & Login with NextAuth and MongoDB (App Router)
Build a Full-Stack Registration and Login System in Next.js Using NextAuth and Credential Provider, Github Provider & Google Provider
In this Next.js tutorial, you’ll learn how to implement a secure, full-stack authentication system using NextAuth. We’ll walk through setting up both registration and login functionality for your website, leveraging NextAuth’s Credential Provider to handle email and password authentication seamlessly. You’ll also learn how to integrate MongoDB as your database to store user information securely, giving your application a reliable and scalable backend. By the end of this tutorial, you’ll have a complete understanding of how to set up secure authentication in Next.js, using the app router and making the most of NextAuth’s powerful features to manage user sessions and providers. Perfect for anyone looking to add robust authentication to their Next.js application.
---------------------------------------------------------------------------------------------------------------------------
Source code Github : github.com/francis-njenga/Full-Stack-Next-js-Authentication-System-with-NextAuth-and-MongoDB
Website : frankcodes.tech
---------------------------------------------------------------------------------------------------------------------------
#NextJS
#NextAuth
#MongoDB
#FullStackDevelopment
#WebDevelopment
#Authentication
#JavaScript
#ReactJS
#CodingTutorial
#programmingtutorial
------------------------------------------------------------------------------------------------------------------------------------------------------------
0:00 Introduction
0:31 Frontend Development
16:08 Setting Up MongoDB Database
21:49 Implementing Signup & NextAuth API
49:11 Displaying Logged-In User Information
57:54 Integrating GitHub Provider
มุมมอง: 1 518

วีดีโอ

PHP Login & Signup System Frontend, Backend, and MySQL DB. With Input Validation & Source Code
มุมมอง 2.3Kหลายเดือนก่อน
Learn how to create a robust and secure user registration and login system using PHP, MySQL, and essential form validation techniques. In this step-by-step tutorial, you'll learn how to: Set up a MySQL database and create tables for user data Write PHP code to handle user registration, including data sanitization and validation Implement secure password hashing to protect user credentials Creat...
PHP and MySQL Tutorial | | CRUD (Create, Read, Update, Delete) for Frontend and Backend Development
มุมมอง 1.7K5 หลายเดือนก่อน
Mastering Web App Development: A PHP & MySQL CRUD Tutorial (Frontend & Backend) PortFolio: frankcodes.tech/ X : x.com/francis_tech_ Conquer data management in your web apps by mastering CRUD operations with PHP and MySQL in this tutorial. You'll learn the fundamentals of Create, Read, Update, and Delete operations, essential for effective data management. We cover both frontend and backend deve...
Built a Real-Time Face Recognition Attendance Website with JavaScript & PHP Backend + (Source Code)
มุมมอง 19K6 หลายเดือนก่อน
Revolutionize Attendance with this Real-Time Face Recognition System (School Edition) (Source Code Included) Source Code link :: github.com/francis-njenga/Face-Recognition-Attendance-System Reach Out: frankcodes.tech The system boasts several functionalities, Effortless Student Management, Flexible Course Management, Real-Time Attendance Tracking, Seamless Data Export to excel sheets. Behind th...
Simple Login & Register with Firebase Authentication & Firestore using JavaScript | HTML | CSS
มุมมอง 33K6 หลายเดือนก่อน
Master Login & Signup with Firebase! In this comprehensive tutorial, you'll learn how to build a secure login and signup system for your website using Firebase Authentication and Firestore, a powerful NoSQL database. We'll walk you through the entire process, from connecting your forms to Firebase, to storing user data efficiently. Frontend Source Code: Github Link: github.com/francis-njenga/lo...
Login & Register Web Form using PHP XAMPP Frontend, Backend & Database Connection (With Source Code)
มุมมอง 251K8 หลายเดือนก่อน
In this comprehensive tutorial, you'll learn how to: Craft user-friendly login and registration forms using HTML, CSS, and JavaScript (Frontend Development). Connect your forms to a database for secure user information storage (Database Integration). Implement robust backend logic with PHP to handle user authentication (Backend Development). We'll break down each stage step-by-step, making it e...
How to Show WIFI Password Using Command Prompt on Windows 11/ 10 easy For Previously connected WiFi
มุมมอง 1.8K8 หลายเดือนก่อน
How to Find your WiFi Password Windows 11 | windows 10, Free and Easy [Tutorial]. Show Forgotten WIFI Password There is a simple way to show a Wi-Fi password in Windows computer. In this quick video you will see how to find your WiFi password in Windows 11 or windows 10. This is useful if you are upgrading to a new laptop, computer, desktop, tablet or phone and forgot your existing WiFi passwor...
How to Run/Install Android APK files on Windows 11 (Without Emulator)
มุมมอง 4.7K9 หลายเดือนก่อน
How to Install Android Apps On Windows 11 super easy Want to run Android apps on Windows 11? this video is for you. Using the widows subsystem for the android and wsa pacman program, I will demonstrate how to install any Android application on Windows 11 without the need for an emulator.This allows you to install the most, if not all, of Android apk files. Thanks for Watching. DOWNLOAD LINKS 1....
Fix HP Hotkey Support Blank Pop-up in Windows 11 | How To Solve Laptop Brightness Key Error.
มุมมอง 10K9 หลายเดือนก่อน
I will walk you through the steps to fix hotkey not functioning as expected, for instance brightness key that might be malfunctioning, leading to a blank HP hotkey support popup. This method is applicable to Windows 11 and Windows 10 #windows11 #windows10 #hp #hpsupport #popup #hotkeys #computer #solve #fixed Download link: ftp.hp.com/pub/softpaq/sp91501-92000/sp91903.exe
How to Connect Two Computers Using an Ethernet Cable (LAN) to Share Files on WINDOWS 11
มุมมอง 1.3K9 หลายเดือนก่อน
In this video We will see How to Connect Two Computers Via LAN Cable in Windows 11. So let us see How to Connect 2 PC together with a LAN Cable on WINDOWS 11. This instructions in this video tutorial can be applied for laptops, desktops, computers, and tablets which run the Windows 11 operating system like Windows 11 Home, Windows 11 Professional, Windows 11 Enterprise, Windows 11 Education. Th...
How to Reset Forgotten Password in Windows 11 ,10 Without Losing Data, no USB and Software Required
มุมมอง 6K10 หลายเดือนก่อน
In this tutorial, I'll guide you through the process of resetting your forgotten password on Windows 11, 10, and 8.1 without the need for any software or USB drive. This foolproof method is guaranteed to work for all local passwords, ensuring a hassle-free password reset experience. Stay tuned and regain access to your system effortlessly #WindowsPasswordReset #PasswordRecovery #TechTutorials #...

ความคิดเห็น

  • @saltedpopcorn48
    @saltedpopcorn48 2 วันที่ผ่านมา

    thank you sir for this video! you helped me very much with my college work 🫡

  • @md.fazlerabbi5162
    @md.fazlerabbi5162 3 วันที่ผ่านมา

    ❤❤❤

    • @francis_tech
      @francis_tech 3 วันที่ผ่านมา

      Thanks 😊

  • @emmanuelrojasmusica
    @emmanuelrojasmusica 3 วันที่ผ่านมา

    My first succesfull login, new subscriber, thanks sir

    • @francis_tech
      @francis_tech 3 วันที่ผ่านมา

      Welcome 👍

  • @punitrahadway4220
    @punitrahadway4220 4 วันที่ผ่านมา

    Sir , very very thanks to you for this content but sir i am face a problem it can't take photos when we go for taking photos in student login

    • @francis_tech
      @francis_tech 4 วันที่ผ่านมา

      Hello i will update code base soon, to fix those issues

    • @punitrahadway4220
      @punitrahadway4220 4 วันที่ผ่านมา

      @@francis_tech Sir, I face issue when we make student login for attendance the details we should fill it save but image can't take mean it can't click photo or can't scan people

    • @punitrahadway4220
      @punitrahadway4220 4 วันที่ผ่านมา

      @@francis_tech sir please reply first because I am using this for a college based website. Please sir🙏🙏

  • @smartphonetechniques
    @smartphonetechniques 7 วันที่ผ่านมา

    Thank you very match i have spent over 2 hours and am happy to say that am a step ahead🤝

    • @francis_tech
      @francis_tech 7 วันที่ผ่านมา

      Stay tuned for tutorials

  • @beta1120
    @beta1120 9 วันที่ผ่านมา

    Thank you so much. You save my life. God bless you

    • @francis_tech
      @francis_tech 6 วันที่ผ่านมา

      Happy to help

  • @rubesh.m1156
    @rubesh.m1156 11 วันที่ผ่านมา

    Where is the html code??

    • @francis_tech
      @francis_tech 11 วันที่ผ่านมา

      Hey watch the video, before downloading source code 😅

  • @SamarthAndhare
    @SamarthAndhare 12 วันที่ผ่านมา

    Thank you usefull

  • @404VNOfficial
    @404VNOfficial 12 วันที่ผ่านมา

    Tôi đến từ Việt Nam rất vui được biết đến bạn qua video dự án tôi đang tìm hiểu và dành cho công việc không biết bạn ở nước nào?

    • @francis_tech
      @francis_tech 12 วันที่ผ่านมา

      Am from Kenya

  • @bonnaguevarra1119
    @bonnaguevarra1119 12 วันที่ผ่านมา

    hi! it was very helpful similar to my project plan. Thank you! may I collab with you on how you build the model in messanger account or in any if you have? thanks in advance!

    • @francis_tech
      @francis_tech 12 วันที่ผ่านมา

      No problem

    • @bonnaguevarra1119
      @bonnaguevarra1119 12 วันที่ผ่านมา

      @@francis_tech Thank you so much for your response. My i have your email?

  • @MadamHusband
    @MadamHusband 12 วันที่ผ่านมา

    Sir i try it but when i launch the camera isn't working I'm a student if you could provide something about this i will be happy

    • @francis_tech
      @francis_tech 12 วันที่ผ่านมา

      i will check if there are any issues with codebase, check updated code on Saturday

    • @MadamHusband
      @MadamHusband 11 วันที่ผ่านมา

      @francis_tech ok sir

    • @MadamHusband
      @MadamHusband 11 วันที่ผ่านมา

      @francis_tech sir can I get ur WhatsApp number

  • @prodjxp
    @prodjxp 13 วันที่ผ่านมา

    Hi sir! Great video! I am asking for permission to use your work for my school project? I will only copy the functionality but I will change the overall design and contents of the website. Hopefully you'll see this because your videos are very helpful. Thank you very much!🙏🏻 I will put credit on my papers with your name once the system is implemented.

    • @francis_tech
      @francis_tech 13 วันที่ผ่านมา

      hello, you can use the work without necessarily mentioning me

    • @prodjxp
      @prodjxp 13 วันที่ผ่านมา

      @francis_tech Thank you so much, God bless you always.👍🏻🙏🏻

  • @kimv5448
    @kimv5448 14 วันที่ผ่านมา

    how can i get the facebook and google buttons working to log in as well

    • @francis_tech
      @francis_tech 14 วันที่ผ่านมา

      hello please check out my new video

  • @samieldejemil3235
    @samieldejemil3235 14 วันที่ผ่านมา

    how do i put some designs or lay outs of like vids and pictures after im done with the database or log in/register

  • @hillarywerungawambulwa2825
    @hillarywerungawambulwa2825 18 วันที่ผ่านมา

    Next show us how to put it on the internet for everyone to see and use, please i need this

  • @raniflex
    @raniflex 19 วันที่ผ่านมา

    so good

  • @Football-Merch
    @Football-Merch 20 วันที่ผ่านมา

    www.youtube.com/@Nizartuto

  • @Chei07
    @Chei07 23 วันที่ผ่านมา

    💯💯💯

  • @souljabroable
    @souljabroable 23 วันที่ผ่านมา

    Awesome tutorial. Looking forward for more react typescript next js tutorials

  • @ahmadnouvalriant9947
    @ahmadnouvalriant9947 24 วันที่ผ่านมา

    15:01 why i can't click signup and swap to another form? I already try use ur code on github, but it still can't click and swap to another form?

    • @francis_tech
      @francis_tech 24 วันที่ผ่านมา

      hello ensure matches

    • @wvmhx
      @wvmhx 20 วันที่ผ่านมา

      put id values

    • @burger7956
      @burger7956 15 วันที่ผ่านมา

      @@wvmhx what does that mean?, i am also having the same problem, please help me

    • @wvmhx
      @wvmhx 15 วันที่ผ่านมา

      @@burger7956 In the video he forget to put id="signup" in container div for Sign Up form. Just put the id thing easy as

  • @walker_john
    @walker_john 25 วันที่ผ่านมา

    thanks i was looking for a video using credentials, 👍

  • @dev40312
    @dev40312 25 วันที่ผ่านมา

    nice video bro

  • @princeadjah9054
    @princeadjah9054 25 วันที่ผ่านมา

    How I wish I could do all this lol. Please I want to become a web dev like you, where would you recommend I start from? What platform can I start from? Great vid though 🔥.

    • @francis_tech
      @francis_tech 25 วันที่ผ่านมา

      You can do it!

  • @MsMegaMaik
    @MsMegaMaik 27 วันที่ผ่านมา

    THAAAAAAAAAAANKS!

  • @vivekk_05
    @vivekk_05 28 วันที่ผ่านมา

    Amazing bro 👏 🙌 ❤

  • @niharwali-yn3tz
    @niharwali-yn3tz หลายเดือนก่อน

    THANKS MAN REALLY 🫡

  • @kausikvalavan8018
    @kausikvalavan8018 หลายเดือนก่อน

    Bro can you please explain how to use mysql instead of php

  • @AbysmalCCfoxcxz
    @AbysmalCCfoxcxz หลายเดือนก่อน

    godbless u bro, stay consistent

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      thanks 🙏

  • @amalkaugustine1453
    @amalkaugustine1453 หลายเดือนก่อน

    If the sign in button isnt working::: Working code:: const signInButton = document.getElementById('signInButton'); const signUpButton = document.getElementById('signUpButton'); const signInContainer = document.getElementById('signIn'); const signUpContainer = document.getElementById('signup'); signInButton.addEventListener('click', function() { signInContainer.style.display = 'block'; signUpContainer.style.display = 'none'; }); signUpButton.addEventListener('click', function() { signInContainer.style.display = 'none'; signUpContainer.style.display = 'block'; });

    • @wvmhx
      @wvmhx 20 วันที่ผ่านมา

      Put id for sign in value in your index form.

  • @macd6230
    @macd6230 หลายเดือนก่อน

    This is really nice

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      thanks 🙏

  • @rayeneaminaboukabouya4782
    @rayeneaminaboukabouya4782 หลายเดือนก่อน

    Thank you so much

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      You're most welcome

  • @JonathanPerez-o1d
    @JonathanPerez-o1d หลายเดือนก่อน

    I LOVE YOU

  • @borimix
    @borimix หลายเดือนก่อน

    It's enough to me instead of watching 9 hour lectures

  • @Chei07
    @Chei07 หลายเดือนก่อน

    💯💯

  • @maxir.1288
    @maxir.1288 หลายเดือนก่อน

    Thanks A Lot!!! Have tried so many tutorials.. but non of them worked out on my Surface Pro 9 5G with Arm-architechture. Your solution worked like a charm for me! You know if you can get G-apps/Play store to work? would be the cherry on top!

  • @muhammadaimanfikriahmadfah1540
    @muhammadaimanfikriahmadfah1540 หลายเดือนก่อน

    thank you, you are really helpful

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      Glad to hear that!

  • @rck097
    @rck097 หลายเดือนก่อน

    Hi Francis! Where did you put that SignInForm?

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      i have it as frontend/pages/register.php on the updated

  • @nousseibabahloul1113
    @nousseibabahloul1113 หลายเดือนก่อน

    Is there another program alternative to xampp?

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      yeah there is wampserver

  • @wajedrpatel5083
    @wajedrpatel5083 หลายเดือนก่อน

    This channel is amazing! The way you break down complex topics into easy-to-understand concepts makes learning so enjoyable. Your teaching style is engaging, and the visuals really help clarify the points. Keep up the great work! I look forward to more videos!

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      Glad you enjoy it!

  •  หลายเดือนก่อน

    wow is Great!!, in the 19:40 , can i change include for require for security?

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      hello i did upload a new video, using prepared statement check my latest video for that

  • @Elegidoxx
    @Elegidoxx หลายเดือนก่อน

    I can't install Windows Subsystem because Microsoft Store Says this app will not work on tour device.

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      sorry for that, windows will stop support for Windows subsystem

    • @niranjanpa5865
      @niranjanpa5865 22 วันที่ผ่านมา

      @@francis_tech same issue happened for me , how to fix it ?

    • @smurftastic111
      @smurftastic111 11 วันที่ผ่านมา

      @@niranjanpa5865 you cant they are shutting it down for good, best option is just to use a emulator now.

  • @rishabhshrivastava1007
    @rishabhshrivastava1007 หลายเดือนก่อน

    The mysqli extension is missing. Please check your PHP configuration. i got this

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      please check my latest video am using PDO

  • @ours3335
    @ours3335 หลายเดือนก่อน

    Great tutorial!!! can you do one for bootstrap?

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      thanks for suggestion

  • @jesusChrist34596
    @jesusChrist34596 หลายเดือนก่อน

    cool man this works i am happy about this. but delete option is not working once data is added. how can i fix it.

  • @AdamsProgrammer
    @AdamsProgrammer หลายเดือนก่อน

    Thanks.

  • @ReadCollege
    @ReadCollege หลายเดือนก่อน

    nice video, it resolve my problem

  • @SagarAdhikariCode
    @SagarAdhikariCode หลายเดือนก่อน

    bro this 25 min video really helped me a lot .

    • @francis_tech
      @francis_tech หลายเดือนก่อน

      🙏, also check latest one

  • @ZirvaKhan-m3i
    @ZirvaKhan-m3i หลายเดือนก่อน

    Thanks a lot.... Its working, now i can adjust brightness using keys 😍

  • @khalidshenlee
    @khalidshenlee หลายเดือนก่อน

    Great tutorial🎉…please do one for mpesa intergration in the future

  • @walker_john
    @walker_john หลายเดือนก่อน

    consice, great tutorial thanks 👍