Скачать или смотреть Passwordless Authentication w/ Email, SMS & Github-OAuth in NextJS #11 - Building NextJS client

In this part we put together our NextJS client for our application. We create a few different components such as Layout , Navbar, Textfeild, Numberfeild. We also create Login and Otp pages in which all the above components will be used.

Note: I apologize for low sound quality throughout the playlist. Please use headphones.

Code for this video [ v-11 branch ] :-https://github.com/pineapple45/passwo...

Final code :- https://github.com/pineapple45/passwo...

Full Playlist :-    • Passwordless Authentication w/ Email, SMS ...  

Content
-------------
00:00 - Recap
00:38 - Adding tailwindcss
07:23 - Creating Layout component
08:38 - Creating Navbar component
21:08 - Creating Textfeild component
27:55 - Adding react-phone-input-2 , graphql, @apollo/client npm packages
29:18 - Creating Numberfeild component
33:28 - Creating Login page
53:28 - Creating Otp page

Tech Stack
------------------
Typescript
NextJS - For client-UI
NodeJS - For server side code
Nodemailer - For sending Email and OTP along with it
Twilio - For Sending SMS and OTP along with it
Github-OAuth - For OAuth2
MongoDB - Our database to store users and site data
Graphql - Our API layer
Tailwind-CSS - For styling purposes
PassportJS - For utility functions required for authentication on the server-side in both passwordless as well as Github-OAuth

graphql-passport - For making passportJS work with graphql since typically passportJS works well with REST API approach.

Apollo - For implementing graphql
-----------------
#react #typescript #passwordless #twilio #nodemailer #OAuth #NextJS #NodeJS #Node

Website :- https://shadedvoxels.com/
Twitter :-   / anmol_gomra  
Discord :-   / discord  
buymeacoffee :- https://www.buymeacoffee.com/pineapple45