In this article, I will walk you through implementing google OAuth with passportjs and JWT in a React, Node, Express, Sequelize, and PostgreSQL application. The same flow can be used on a Next.js application as well.
Originally published at https://awadieudonne.com.
Oauth stands for Open Authorization. It allows third-party services like Google and Facebook to exchange your information without you having to give away your passwords. This helps prevent your password from being compromised. Learn more about Google Oauth here.
Once a user clicks on the Oauth login button, our frontend sends a request to the Google authorization server through a…
Because the web is not only made of JS, they’ve also introduced automatic image optimisation through introducing a component that will replace the HTML
next/image, images are automatically lazy-loaded.
next/imagecomponent will automatically generate smaller sizes through built-in Image Optimization.
In order to build a website with a good user experience, there are a lot of things to consider and one of them is how responsive your site is going to be. Your site can be responsive and still have a bad user experience. But how do you solve this?
In your terminal, run the following scripts. Then open http://localhost:3000 to see your app.
npx create-react-app responsive-nabar cd…