https://github.com/lexascms/tutorial-snipcart
Personalized e-commerce store tutorial using LexasCMS, Snipcart and Next.js
https://github.com/lexascms/tutorial-snipcart
ecommerce lexascms nextjs snipcart tutorial
Last synced: 10 months ago
JSON representation
Personalized e-commerce store tutorial using LexasCMS, Snipcart and Next.js
- Host: GitHub
- URL: https://github.com/lexascms/tutorial-snipcart
- Owner: LexasCMS
- Created: 2021-02-10T10:45:09.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-18T19:27:55.000Z (almost 5 years ago)
- Last Synced: 2025-02-15T05:44:01.383Z (12 months ago)
- Topics: ecommerce, lexascms, nextjs, snipcart, tutorial
- Language: JavaScript
- Homepage:
- Size: 513 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personalized E-Commerce Store Tutorial
This is the complete tutorial source code for creating a personalized e-commerce store using [LexasCMS](https://www.lexascms.com/), [Snipcart](https://snipcart.com/) and [Next.js](https://nextjs.org/).
## Tutorial
[Click here](https://snipcart.com/blog/headless-cms-personalization-lexascms) to open the tutorial.
## Live Demo
[Click here](https://lexascms-tutorial-snipcart.vercel.app/) to view a live demo of this repo.
## Deploy to Vercel
Of course, you can play around with this source code by deploying it to your own Vercel account. To do so, please follow the instructions below:
1. If you don't already have them, [create a LexasCMS account](https://app.lexascms.com/signup) and a [Snipcart account](https://app.snipcart.com/account/register)
2. Within LexasCMS:
1. Create a new space using the **E-commerce Tutorial (Snipcart)** template
2. Navigate to **Settings > General** and take note of your space ID
3. Navigate to **Settings > API Keys** and create a new API Key (being sure to enable preview permissions). Take note of the generated API Key
3. From within your Snipcart dashboard, [navigate to your credentials](https://app.snipcart.com/dashboard/account/credentials) and take note of your API key
4. Click the below button and follow the instructions
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FLexasCMS%2Ftutorial-snipcart&env=LEXASCMS_SPACE_ID,LEXASCMS_API_KEY,SNIPCART_API_KEY&project-name=lexascms-tutorial-snipcart&repo-name=lexascms-tutorial-snipcart)