Magic Migration Guide

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.

MAGIC_API_KEY={your_token}

Install magic-sdk and 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:

const magicClient = new MagicClient(process.env.MAGIC_API_KEY)

Then, pass the magicClient to the auth prop of the ChordProvider:

<ChordProvider
  {...otherProps}
  auth={magicClient}
>

Add a LoginForm component

Try it out

Visit your login page and try logging in using a magic link!