More Premium Hugo Themes Premium Nextjs Themes

Commercejs Nextjs Demo Store

Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, customer login, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.

Commercejs Nextjs Demo Store

Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, customer login, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.

Author Avatar Theme by chec
Github Stars Github Stars: 1068
Last Commit Last Commit: Feb 14, 2022 -
First Commit Created: Apr 22, 2023 -
Commercejs Nextjs Demo Store screenshot

Overview:

This document provides a guide to setting up and running a fully-fledged eCommerce demo store using the Commerce.js SDK and Next.js. It offers instructions for both one-click deployment using Netlify and manual setup. Prerequisites for using this template include having an IDE or code editor, Node, NPM or Yarn, and the Chec CLI.

Features:

  • One-click deployment to Netlify
  • Integration with Commerce.js SDK for eCommerce functionality
  • Customization and extendability options
  • Support for shopping carts, checkout process, customers, and payment gateways

Installation:

Prerequisites:

  • IDE or code editor
  • Node (v8.2.0 or higher)
  • NPM or Yarn
  • Chec CLI

Setup:

  1. Create a Chec account.
  2. Install the Chec CLI globally: yarn global add @chec/cli
  3. Follow the provided instructions to set up your merchant details or register for a Chec account.
  1. Sign up for a Netlify account.
  2. Click the “Deploy to Netlify” button in the document.
  3. Connect your GitHub account to Netlify.
  4. Name your repository and enter the provided public key in the Chec Public Key input.
  5. Save and deploy your site.

Note: Using the provided public key is recommended for quick deployment, but if you want to use your merchant account, follow the manual setup steps below.

Manual setup and Netlify deployment:

  1. Clone the repository and install dependencies.
  2. Set up your environment variables by replacing the sample .env.example file at the root of the project with your Chec public key.
  3. Deploy the project to Netlify.

Summary:

This document provides a comprehensive guide to setting up and running an eCommerce demo store using Commerce.js and Next.js. It offers both one-click deployment options and manual setup instructions. The template supports various eCommerce features such as shopping carts, checkout process, customers, and payment gateways.