NextJS Authentication with NextAuth.js and Mongodb #01
How to use NextAuth.js in your Project Nextjs and Mongodb
In this video we cover Authentication using Next Auth, by the end you can self serve using Google, GitHub and Facebook or add in Auth0 to have a one stop shop for Authentication.
π Demo: https://nextauth-demo-delete.vercel.app/
π Source code: https://github.com/devat-youtuber/devat-next-auth-yt
π Materials/References:
NextAuthjs: https://next-auth.js.org/
GoogleDeveloper: https://console.cloud.google.com/apis/dashboard
π localhost:3000/api/auth/callback/google
FacebookDeveloper: https://developers.facebook.com/apps/
π localhost:3000/api/auth/callback/facebook
GithubDeveloper: https://github.com/settings/apps
π localhost:3000/api/auth/callback/github
π VScode Extensions:
ES7+ React/Redux/React-Native snippets
Community Material Theme
Material Icon Theme
π My Courses:
ReactJS Tutorial for Beginners: https://youtube.com/playlist?list=PLs4co9a6NhMzsm6Y5HCBFnlGkej1Dk3Yu
React Query Tutorial: https://youtube.com/playlist?list=PLs4co9a6NhMwyPlkN4_vCPE93oupGn8fs
Redux Tutorial: https://youtube.com/playlist?list=PLs4co9a6NhMyKrWgEOZQI91FmqGrisBYN
Zustand Tutorial: https://youtube.com/playlist?list=PLs4co9a6NhMxhKYhy6vlw5qqNbeCUH8Ct
Restful API: https://youtube.com/playlist?list=PLs4co9a6NhMxrU8nqa4yHeXiUhVci-U3_
React + Firebase Tutorial: https://youtube.com/playlist?list=PLs4co9a6NhMxIuBTwDesLX7XL1DO-9EHm
Docker Tutorial: https://youtube.com/playlist?list=PLs4co9a6NhMxUDVu92c8_bAPZ27kkd-sq
DeployTutorial: https://youtube.com/playlist?list=PLs4co9a6NhMzf6RytPAyUTUWl6TUa3TU_
ββ Buy Me a Coffee . Thank You ! ββ
https://www.buymeacoffee.com/QK1DkYS
Paypal : https://paypal.me/tuananh251192
Vietcombank: 0061001044348 (LE TUAN ANH)
Momo : 0374481936
π Find Me Here:
Mail: [email protected]
Github: https://github.com/devat-youtuber
Codepen: https://codepen.io/tuan-anh-the-decoder/pens/public
π Please! Subscribe, Like and Share. π₯
πThanks for watching video!π₯
πHave you good day!π₯
#nextjs #authenticate #reactjs #devat
β±οΈ Timestamps:
00:00 – Setup
05:00 – Config NextAuth Api […nextauth].js
08:55 – Config Mongodb
10:35 – Config Google
14:45 – Config Facebook
15:45 – Config Github
18:35 – Custom Login Page
31:15 – Test and Fix Bugs
Comments are closed.