SkillPiesNextAuth and Github Authentication
Prisma and ORM| Name | Progress |
|---|---|
| Introduction | Not Read |
| 🍰 Player | Not Read |
| Name | Progress |
|---|---|
| Software Installation | Not Read |
| Project Setup | Not Read |
| Running and Testing | Not Read |
| React and ReactDOM | Not Read |
| 💡 Assignment 1: Welcome Message | Not Attempted |
| Submissions | Not Read |
| Name | Progress |
|---|---|
| JSX and Components | Not Read |
| Props | Not Read |
| 👾 Exercise: Props | Not Attempted |
| CSS Styles | Not Read |
| useState and Hooks | Not Read |
| 👾 Exercise: useState | Not Attempted |
| Conditional Rendering | Not Read |
| Lists | Not Read |
| 👾 Exercise: Lists | Not Attempted |
| Forms and Events | Not Read |
| 👾 Exercise: Forms | Not Attempted |
| 💡 Assignment 2: Front End | Not Attempted |
| Name | Progress |
|---|---|
| Pure Components - memo | Not Read |
| Lifecycle - useEffect | Not Read |
| Expensive? - useMemo | Not Read |
| DOM Interactions - useRef | Not Read |
| forwardRef | Not Read |
| useImperativeHandle | Not Read |
| 👾 useImperativeHandle | Not Attempted |
| Context | Not Read |
| useCallback | Not Read |
| useId | Not Read |
| useReducer | Not Read |
| Name | Progress |
|---|---|
| APIs | Not Read |
| APIs - Slides | Not Attempted |
| Rest APIs | Not Read |
| Rest APIs - Express.js | Not Read |
| ReastAPIs - Next.js | Not Read |
| Securing APIs | Not Read |
| Securing APIs - NextAuth | Not Read |
| Name | Progress |
|---|---|
| tRPC | Not Read |
| tRPC - Routers | Not Read |
| tRPC - Server Rendering | Not Read |
| tRPC - Client Rendering | Not Read |
| Persisting Data | Not Read |
| Assignment 3: APIs | Not Read |
You worked so hard to make the Get Things Done application and you probably want others to use it as well! But you do not want to mix up tasks from different users. Thus, you need to authenticate them by creating secure accounts. But … solving authentication is HARD! Even today, the internet is full of tutorials on how to create an efficient authentication system … with questionable results. Moreover, storing passwords and accounts in your database is prone to hacking attempts, taking on a lot of responsibility (looking at you, password re-users 🧐).
Luckily, most internet users use big service providers such as Google, Facebook, Instagram, and Github … and we can use their infrastructure to authenticate users. For this purpose, we will use the incredibly powerful library NextAuth providing access to 40+ authentication services. In the upcoming assignment, you will set up your application to use Github authentication, and in this part, we will set up your Github account to allow your application use this service.
In the top right part of the screen, click on your avatar and then on “Settings”
In the left menu at the very bottom, find “Develop Settings”, click on it
Click on “OAuthApps” and then “New OAuth App”
Please fill out this form using the values below
Click on Generate a new client secret
This will generate a new secret. Copy its value to the same secure location as your ClientID. You will not be able to see this key again!
Time for an exercise!
