Vue Authentication with Magic

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

Prerequisites

• Vue 2.6.12
• Vue CLI 4.5.11
• Vue Router and Vuex 3
• Magic SDK

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

Get your Magic Publishable Key

Sign Up with Magic and get your VUE_APP_MAGIC_KEY

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.

To continue reading the full guide: Read here

Comments

[Maxime Guilbert]

Really interesting! Thanks!

[Mohammad Shahbaz Alam]

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

[Maxime Guilbert]

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

[Mohammad Shahbaz Alam]

Looking forward to it. 👍