Social Authentication with Strapi & Nuxt.js: Adding Social Providers 2/3

In this tutorial, we will integrate social authentication into a Strapi application while building a simple notes sharing app with Strapi backend and Nuxt.js frontend. We will also use Quill.js as our text editor, Nodemailer for emails, and infinite scrolling. The GitHub repository for the front-end application can be found here, and the repo for the back-end application can be found here. We will start by building the frontend of our application, including a homepage, login page, and user account page. We will also install and use nuxt-fontawesome to display icons on the login page. Additionally, we will integrate infinite scrolling for notes using vue-infinite-loading. To handle redirects from the Strapi backend, we will use @nuxtjs/auth-next package. We will also install and set up @nuxtjs/axios and @nuxtjs/strapi packages for fetching data from the backend. Finally, we will build a Nav component to display navigation links on our application. In the next article, we will integrate vue-quill-editor to enable users create contents, image uploads, copying links, and email sharing.