Learn Nuxt with a Collection of 100+ Tips!
55.4K

nuxt-sanctum-authentication
@qirolab/nuxt-sanctum-authentication

Nuxt 3 module for easy Laravel Sanctum authentication, offering CSRF token management, both cookie and token-based auth, and SSR compatibility.
272 downloads
26 stars
v0.1.15
qirolabqirolab
hkp22hkp22

Nuxt Sanctum Authentication

npm versionnpm downloadsLicenseNuxt

Introduction

The nuxt-sanctum-authentication module seamlessly integrates Laravel Sanctum with Nuxt 3 to provide a simple and secure authentication process for your application. It works efficiently in both Server-Side Rendering (SSR) and Client-Side Rendering (CSR) environments, ensuring consistent and reliable authentication regardless of how your app is rendered.

Key features

  • Seamless CSR and SSR Support: Works smoothly in both client-side and server-side rendering modes.
  • Automatic CSRF Token Management: Automatically handles CSRF tokens to protect your app from cross-site request forgery attacks.
  • Bearer Token Management: Manages Bearer tokens for secure access to protected resources.
  • Integration with Nuxt's ofetch Client: Fully compatible with Nuxt's ofetch client for making authenticated HTTP requests in your application.

Important: Before using this module, make sure that Laravel Sanctum is correctly configured on your backend. For more detailed setup instructions, refer to the Laravel Sanctum documentation.

Documentation

For full documentation, including setup instructions and API reference, visit the Nuxt Sanctum Authentication Documentation.

Video Tutorial

Watch the step-by-step guide on how to use the nuxt-sanctum-authentication module in this Video Tutorial.

Demo Repository

To explore the source code, check out the Nuxt Sanctum Authentication Demo Repository.

  • For Cookie-Based SPA Authentication, see the main branch.
  • For API Token Authentication, check out the api-token-authentication branch.

Contributing

Contributions to the nuxt-sanctum-authentication module are welcome! Whether it's bug fixes, feature enhancements, or documentation improvements, feel free to submit a pull request.

Development Setup

  1. Fork the repository.
  2. Clone your forked repository.
  3. Install dependencies: npm install or yarn install.
  4. Make your changes and commit them with a clear and descriptive message.
  5. Push your changes to your forked repository.
  6. Submit a pull request.

Support my work

If you found this demo helpful and want to support my work, check out some of my other products:

Ctrl+Alt+Cheat     Spec Coder     JavaScript Guide

Get $200 free credit for DigitalOcean! (Use this link to sign up)

DigitalOcean Referral Badge

License

The nuxt-sanctum-authentication module is open-source software licensed under the MIT license.