DEV Community

Mohammad Shahbaz Alam
Mohammad Shahbaz Alam

Posted on

Vue Authentication with Magic

A tutorial to demonstrate, how to add passwordless login to a Vue.js application using Magic Link.

Prerequisites

Live Demo

Demo: https://vue-magic.vercel.app

Quickstart

git clone https://github.com/magiclabs/example-vue.git
cd example-vue
mv .env.example .env
npm install
npm run serve
Enter fullscreen mode Exit fullscreen mode

Get your Magic Publishable Key

Sign Up with Magic and get your VUE_APP_MAGIC_KEY

Dashboard Image

Deploy your own

Want to see how this would look in production? Click the below button and deploy your own Vue.js application on Vercel secured by Magic Link.

Deploy with Vercel

To continue reading the full guide: Read here

Top comments (4)

Collapse
 
mxglt profile image
Maxime Guilbert

Really interesting! Thanks!

Collapse
 
shahbaz17 profile image
Mohammad Shahbaz Alam

Did you have the chance to use it in a live application?

Collapse
 
mxglt profile image
Maxime Guilbert

Not actually, I recently started a personal project using Vue.js and I will try it when the application will be ready.

Thread Thread
 
shahbaz17 profile image
Mohammad Shahbaz Alam

Looking forward to it. šŸ‘