Back to Browse

Next.js 13 Authentication tutorial || GitHub SignIn Authentication in Next Js 13.4 in Hindi

272 views
Sep 29, 2023
14:29

Next.js 13 Authentication tutorial || GitHub SignIn Authentication in Next Js 13.4 in Hindi In this video, we will guide you through the process of implementing GitHub provider authentication in a Next.js 13 application using NextAuth.js and MongoDB. We will start by creating a new Next.js project and installing the necessary dependencies. Then, we will configure NextAuth.js and connect it to our MongoDB database. Next, we will add the GitHub provider to NextAuth.js. Finally, we will create a login button and implement the authentication logic. By the end of this video, you will have a solid understanding of how to implement GitHub provider authentication in a Next.js 13 application using NextAuth.js and MongoDB. Here are some of the things you will learn in this video: How to create a new Next.js project and install the necessary dependencies. How to configure NextAuth.js and connect it to a MongoDB database. How to add the GitHub provider to NextAuth.js. How to create a login button and implement the authentication logic. How to test the authentication system. This video is for you if: You are a beginner to Next.js or NextAuth.js. You want to learn how to implement GitHub provider authentication in a Next.js application. You want to learn how to use NextAuth.js and MongoDB to manage user authentication. Prerequisites: Basic knowledge of JavaScript and React. Basic knowledge of Node.js and MongoDB. What you will need: A code editor or IDE. A terminal or command prompt. A MongoDB database. A Next.js 13 application. We hope you enjoy this video! Join to my whatsapp channel :- https://whatsapp.com/channel/0029VaALciC1XquP3TxeVn0l Join this channel to get access to perks: https://www.youtube.com/channel/UCdsbf5wFyfywbQ1X2PCQIKw/join Next.js 13 Authentication NextAuth.js MongoDB GitHub Provider in Next Auth Application URL :- https://nexjs13-auth.vercel.app/ GitHub Source Code URL : https://github.com/rohitazad/next-auth NextAuth.js URL : https://next-auth.js.org/ mongodb :- https://www.mongodb.com/ tailwindcss :- https://tailwindcss.com/ 00:00:00 Introduction of Projects 00:01:08 Start the GitHub Provider 00:03:15 Config GitHub in environment file 00:06:48 Check GitHub Profile in Console 00:08:53 GitHub Profile Data save in mongoDB 00:12:25 More Auth in Next Js check officially Website 00:14:15 Thanks for Watching Join this channel to get access to perks: https://www.youtube.com/channel/UCdsbf5wFyfywbQ1X2PCQIKw/join Visit html css javascript tutorial in hindi with accessibility in - 2023 Playlist :- https://youtube.com/playlist?list=PLCag8k3PYB41eZR9MslafEwimhXFSnj1X Visit tailwind css tutorial for beginners in Hindi By :- Rohit Azad Malik :- https://youtube.com/playlist?list=PLCag8k3PYB43-GNymsm3w4JbefMFjd989 Visit javascript tutorial in hindi - 2023 Playlist :- https://youtube.com/playlist?list=PLCag8k3PYB40kiDOk0s_atOl_EzQHphJu Visit The Complete ReactJs Course - Basics to Advanced playlist :- https://youtube.com/playlist?list=PLCag8k3PYB40oJ9DnfJMKSrhOUYNaLr-i Visit React Hook Form Tutorial in Hindi :- https://youtube.com/playlist?list=PLCag8k3PYB43NZK2HAcQOz9TRxHSratlf Visit Next.js Tutorials for Beginners to Advanced level 2023 in Hindi Playlist :- https://youtube.com/playlist?list=PLCag8k3PYB41A0gxgMJ-5Jk_1ofDAtekk You're welcome! We're glad you enjoyed the video. Your support and engagement are important to us and help us create more great content for you. Remember to like, subscribe, share, and support our channel to stay updated on new and exciting content. Thank you for the support! We appreciate your engagement and it helps us continue to create valuable content for you. Please follow us on social media for updates and new content. Whatsapp channel :- https://whatsapp.com/channel/0029VaALciC1XquP3TxeVn0l Twitter: https://twitter.com/rohitazad Facebook: https://www.facebook.com/rohitazadmalik/ Stackoverflow: https://stackoverflow.com/users/1365428/rohit-azad-malik LinkedIn: https://www.linkedin.com/in/rohitazad/ Github: https://github.com/rohitazad

Download

0 formats

No download links available.

Next.js 13 Authentication tutorial || GitHub SignIn Authentication in Next Js 13.4 in Hindi | NatokHD