Website logo
Navigate through spaces
⌘K
OVERVIEW
ORDER MANAGEMENT (OMS)
CONTENT MANAGEMENT (CMS)
DATA
CUSTOMER LIFETIME REVENUE
Customer Lifetime Revenue Explanation
Customer Lifetime Revenue and Purchase Likelihood
Recency Frequency and Monetary
CLR and RFM Data Table Glossary
RFM and CLR in the Hub
LOOKER
Modifying a Dashboard
Timestamp differences between Looker, OMS and Shopify
How to create custom calculations in Looker
Looker and Shopify data models
Custom fields
How to 'Save and Schedule' reports
Creating Custom Reports or Look
Looks vs Dashboards
Login Looker FAQ
Looker Glossary
SEGMENT EVENT TRACKING
What are event tracking
Adding Tracking
What is the Tracking Plan?
The Chord Tracking Plan
The Shopify Tracking Plan
Event Tracking FAQ
EVENT UPDATES PAGE
Email Subscription Payment Event Update
Product Feed Setup
Getting Segment to Production
Consent Management
Installing in Next.js
Installing in Gatsby
Integrations
👩‍💻Developer Tools
Using Chord with Shopify
Docs powered by Archbee
Developer Tools
...
Authentication
Magic

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}


Install magic-sdk and chord-magic

Shell
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)


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

JS
<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?
PREVIOUS
Magic
NEXT
Stytch
Docs powered by Archbee