DEV Community

loading...

Vue Authentication with Magic

shahbaz17 profile image Mohammad Shahbaz Alam 惻1 min read

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

Discussion (4)

pic
Editor guide
Collapse
adaendra profile image
Maxime Guilbert

Really interesting! Thanks!

Collapse
shahbaz17 profile image
Mohammad Shahbaz Alam Author

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

Collapse
adaendra 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 Author

Looking forward to it. šŸ‘