About Contentstack: Contentstack is a headless CMS with an API-first approach that puts content at the centre. It is designed to simplify the process of publication by separating code from content.
About this project: We have created a professional sample website using Next.js and Contentstack.
You can check the live demo to get first-hand experience of the website.
- Install nodejs on your system.
Clone the following repo. It contains all the required dependencies.
git clone https://github.com/contentstack/nextjs-ecommerce-template
Go to the nextjs-ecommerce-template folder, and run the following:
-
cd nextjs-ecommerce-template
-
npm install
This downloads the required files and initializes the site.
Copy the .env.sample
file to .env.development.local
and .env.production.local
and update with your Contentstack details, including your API key and delivery token.
It should end up looking something like:
api_key="YOUR_API_KEY"
delivery_token="YOUR_DELIVERY_TOKEN"
environment="YOUR_PUBLISHING_ENVIRONMENT"
region="EXAMPLE eu"
Go to the nextjs-ecommerce-template folder, and run the following:
-
cd nextjs-ecommerce-template
-
npm run dev
Read Contentstack docs
Learn about Next.js