Magic Migration Guide

6min

Magic Account Setup
Visit Magic and sign up for an account.
Add your public key to the .env
You can find your publishable API key in the Home section of the Magic dashboard.
Text
MAGIC_API_KEY={your_token}
MAGIC_API_KEY={your_token}
﻿
Install magic-sdk and chord-magic
Shell
npm install @magic-sdk @chordcommerce/chord-magic
npm install @magic-sdk @chordcommerce/chord-magic
﻿
Create a Magic client
Visit the file where you wrap your app in ChordProvider and add a magicClient:
JS
const magicClient = new MagicClient(process.env.MAGIC_API_KEY)
const magicClient = new MagicClient(process.env.MAGIC_API_KEY)
﻿
Then, pass the magicClient to the auth prop of the ChordProvider:
JS
<ChordProvider
  {...otherProps}
  auth={magicClient}
>
<ChordProvider
  {...otherProps}
  auth={magicClient}
>
﻿
Add a LoginForm component
/
MagicLoginForm
View
﻿
Try it out
Visit your login page and try logging in using a magic link!

Updated 03 Mar 2023

Did this page help you?

Magic

Stytch