How to use the @nuxtjs/strapi Module to add Authentication to a Nuxt Application

• axios

  439 103,985 8.4 JavaScript

  Promise based HTTP client for the browser and node.js

  

We need to query our Strapi backend API, and Strapi provides a great package for that. We could use Nuxt’s native @nuxtjs/http module or axios to query our API, but @nuxtjs/strapi makes it easier. To install @nuxtjs/strapi:

• nuxt-strapi-auth

  1 7 0.0 Vue

  A simple blog app demonstrating Authentication with Strapi and Nuxtjs

The frontend repo for this tutorial can be found here The backend repo for this tutorial can be found here. We’ve come to the end of this tutorial. By now, you have what it takes to tackle Strapi authentication with NuxtJs in your arsenal.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• strapi-auth

  1 2 0.0 JavaScript

  Backend for the Nuxt-strapi-auth

The frontend repo for this tutorial can be found here The backend repo for this tutorial can be found here. We’ve come to the end of this tutorial. By now, you have what it takes to tackle Strapi authentication with NuxtJs in your arsenal.

• strapi

  5 603 7.9 TypeScript

  Strapi Module for Nuxt (by nuxt-modules)

  

We need to query our Strapi backend API, and Strapi provides a great package for that. We could use Nuxt’s native @nuxtjs/http module or axios to query our API, but @nuxtjs/strapi makes it easier. To install @nuxtjs/strapi:

• Strapi

  458 59,941 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

Installing Strapi

• Nuxt.js

  207 42,699 8.0 TypeScript

  Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  

Installing Nuxt.js

• node

  922 103,634 9.9 JavaScript

  Node.js JavaScript runtime ✨🐢🚀✨

  

Node.js (v14 recommended for strapi).

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project