Gatsby Starter Ecommerce

Overview

The Gatsby Starter eCommerce is a starter template for creating an eCommerce site using the Moltin eCommerce API. It is based on an existing NextJS eCommerce starter and has been adapted for use with GatsbyJS. The starter has been updated to Gatsby v2, with the original version available in the “gatsby-v1” branch. This starter provides a solid foundation for building an eCommerce site with features such as Moltin eCommerce API integration, React 16, PWA support, Eslint & Prettier, Styled Components, Google Analytics integration, Semantic-UI, and authentication via Moltin and Stripe checkout.

Features

• Moltin eCommerce API: Integration with the Moltin eCommerce API allows for seamless management of products, inventory, and orders.
• React 16: The starter template utilizes the latest version of React, providing a modern and efficient development experience.
• PWA: The site is designed as a Progressive Web App, offering a web experience that can be installed on mobile devices and work offline.
• Eslint & Prettier: The codebase is configured with Eslint and Prettier, ensuring consistent code formatting and code quality.
• Styled Components: The CSS styling is achieved using the Styled Components library, offering a modular and reusable styling approach.
• Google Analytics: Integration with Google Analytics allows for tracking and analysis of website traffic and user behavior.
• Semantic-UI: The starter template incorporates Semantic-UI, a popular CSS framework, providing a range of pre-designed components for faster development.
• Authentication via Moltin: Users can create accounts and log in to the site using the authentication functionality provided by Moltin.
• Stripe checkout: The site supports Stripe checkout, allowing for secure and convenient payment processing.

Installation

To install the Gatsby Starter eCommerce, you can follow these steps:

1. Ensure that Gatsby is installed on your system.
2. Open the command line interface (CLI) and enter the command gatsby new gatsby-store https://github.com/parmsang/gatsby-starter-ecommerce to create a new Gatsby project using this starter template.
3. Once the project is created, navigate to the project directory using the cd gatsby-store command.
4. Run the command npm run develop to start the development server and launch the site.

Please note that in order for the store to run successfully, you will need to have both a Moltin and Stripe account. Additionally, you will need to create a .env.development and .env.production file at the root of the project and provide your Moltin client_id and Stripe test publishable key in these files.

Summary

The Gatsby Starter eCommerce provides a ready-to-use template for creating an eCommerce site with features such as Moltin eCommerce API integration, React 16, PWA support, Eslint & Prettier, Styled Components, Google Analytics integration, Semantic-UI, and authentication via Moltin and Stripe checkout. With the ability to easily manage products, inventory, and orders through the Moltin eCommerce API, this starter template offers a solid foundation for building a modern and efficient eCommerce site.