Full-Stack Implementation of OAuth 2 Authentication (Google & Facebook) with NextJS and NodeJS

In this video, we'll be going through a full-stack implementation of OAuth 2 authentication for a NextJS static app with a NodeJS back-end. We'll examine the increaser.org codebase and explore the power of reusable components, hooks, and utils at the ReactKit repository. We'll also discuss the integration of various OAuth providers like Google, Facebook, LinkedIn, and Twitter. You'll get to see the front-end and back-end code running in real-time, learn how to effectively manage local storage for auth sessions, and comprehend how to make authenticated requests to the API. Get ready for a packed educational programming session!
Demo: increaser.org
Source code: github.com/radzionc/radzionkit
Blog post: radzion.com/blog/oauth
Mentioned in this video:
- TypeScript GraphQL Projects: Type Generation in a Monorepo: • Type Generation for Ty...
- How To Make An Ultimate Button Component with Variants using React: • Advanced React Button ...
- Utilizing Local Storage in React Components: A Comprehensive Guide: • Efficient React State ...
- AWS Secrets Manager & NodeJS AWS Lambda & Terraform: • AWS Secrets Manager & ...
Accelerate your work and reach your goals faster with increaser.org - where deep work, time mastery, and habit shaping converge for your success! 💪🚀

Пікірлер: 4

  • @khoanguyen6750
    @khoanguyen675028 күн бұрын

    Error google provider overwrites facebook provider (and makes logging in with facebook impossible). Why fix it. Pls

  • 5 ай бұрын

    Thank you so much, this is exactly what I was looking for.

  • @tjfaith1535
    @tjfaith1535Ай бұрын

    it is confusing when you try to explain what you have already implemented, it will be very helpful if you can do a video where you do the basic implementation from scratch, by so doing it will be very easy to follow and understand the concept

  • @radzion

    @radzion

    29 күн бұрын

    Hey! I'll be trying to cover more code, but sometimes it's hard to do without blowing up the size of the video.