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
Gatsby

Quick Start

5min

Chord has a starter that allows you to get a fully functional ecommerce site up and running in a few minutes. Our starter is built on the Gatsby framework, so we'll use the Gatsby CLI.

This guide assumes you already have Node.js and Git installed on your machine. If you don't, there are some helpful instructions in Gatsby's documentation.

Configure access to Chord's private Github repositories

In order to install the necessary Chord packages, follow the guide below on how to configure your package manager to access Chord's packages.

npm Access for @chordcommerce Packages

Create a new site

Click the "Use this template" button on the starter Github repository to create a new Github repository in your account with the same files and folders, or fork the repo. Then clone your new repo onto your local machine:

Shell
# with git
git clone git@github.com:<YOUR ACCOUNT>/gatsby-starter-autonomy.git
# or with the GitHub CLI
gh repo clone <YOUR ACCOUNT>/gatsby-starter-autonomy


Configure your site's environment

Shell
cp .env.example .env


You'll need to populate this .env file with some environment variables, including your Shopify storefront access token and credentials to your Contentful space. Talk to the Chord team to get these.

Start your development server

Install project dependencies:

yarn
npm
npm install --legacy-peer-deps


After installation is complete, start the development server:

yarn
npm
npm start         # starts site at http://localhost:8000


You can see your new site at http://localhost:8000. Hot reload is enabled by default.

That's it! You're off and running. ✨

Updated 03 Mar 2023
Did this page help you?
PREVIOUS
Gatsby
NEXT
Developing
Docs powered by Archbee
TABLE OF CONTENTS
Configure access to Chord's private Github repositories
Create a new site
Configure your site's environment
Start your development server
Docs powered by Archbee