{"id":20839624,"url":"https://github.com/chec/commercejs-chopchop-demo","last_synced_at":"2025-05-12T01:30:24.040Z","repository":{"id":45797486,"uuid":"315132798","full_name":"chec/commercejs-chopchop-demo","owner":"chec","description":"A Commerce.js starter kit for Next.js. A beautifully designed elegantly developed, end to end commerce experience for developers and agencies. Pre-integrated with Stripe. One-click deploy to Vercel. ","archived":true,"fork":false,"pushed_at":"2022-03-01T11:23:49.000Z","size":453,"stargazers_count":154,"open_issues_count":3,"forks_count":64,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-23T14:42:47.587Z","etag":null,"topics":["agencies","commerce","demo-store","headless-commerce","jamstack","nextjs","open-source","serverless","starter-kit","stripe","stripe-elements","vercel"],"latest_commit_sha":null,"homepage":"https://commercejs-chopchop-demo.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chec.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-11-22T21:10:48.000Z","updated_at":"2025-02-27T07:19:33.000Z","dependencies_parsed_at":"2022-07-17T01:15:57.668Z","dependency_job_id":null,"html_url":"https://github.com/chec/commercejs-chopchop-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chec%2Fcommercejs-chopchop-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chec%2Fcommercejs-chopchop-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chec%2Fcommercejs-chopchop-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chec%2Fcommercejs-chopchop-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chec","download_url":"https://codeload.github.com/chec/commercejs-chopchop-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253659133,"owners_count":21943605,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agencies","commerce","demo-store","headless-commerce","jamstack","nextjs","open-source","serverless","starter-kit","stripe","stripe-elements","vercel"],"created_at":"2024-11-18T01:14:02.211Z","updated_at":"2025-05-12T01:30:23.644Z","avatar_url":"https://github.com/chec.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/chec/commercejs-examples/master/assets/logo.svg\" width=\"380\" height=\"100\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\nA Next.js, Commerce.js, Stripe, and Vercel powered, open source storefront, cart and checkout experience.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/chec/commercejs-chopchop-demo/blob/main/LICENSE.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/@chec/commerce.js.svg\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://commercejs.com\"\u003ecommercejs.com\u003c/a\u003e | \u003ca href=\"https://twitter.com/commercejs\"\u003e@commercejs\u003c/a\u003e | \u003ca href=\"http://slack.commercejs.com\"\u003eSlack\u003c/a\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://commercejs-chopchop-demo.vercel.app\"\u003e\n    \u003cimg src=\"https://cdn.chec.io/email/assets/marketing/chec-demo-btn_gray.svg\" alt=\"View demo\" /\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://commercejs-chopchop-demo.vercel.app\"\u003e\n    \u003cimg src=\"https://images.ctfassets.net/u77gi3ejnmxq/60D21gkBJHgH9YI3bizA3Q/c81183ac0cccb0ece6547da5021dc8b9/Group_558.png\" alt=\"View demo\" width=\"600\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Introduction\n\nChopChop is our beautifully designed, elegantly developed demo store and starter kit that sells fine tools for thoughtful cooks. We’ve created a premium brand with a commerce experience to match. Read more about this resource on the [Commerce.js blog](https://commercejs.com/blog/chopchop-nextjs-starter-commerce/).\n\n\n## 🥞 ChopChop Stack\n\n* [Next.js](https://nextjs.org/)\n* [Commerce.js](https://commercejs.com)\n* [Tailwind CSS](https://tailwindcss.com/)\n* [Stripe](https://stripe.com)\n* [Vercel](https://vercel.com/)\n\n## Live demo\n\nCheck out https://commercejs-chopchop-demo.vercel.app to see this project in action.\n\n## Getting started\n\n### Prerequisites\n\n- IDE or code editor of your choice\n- Node (v12 or higher)\n- NPM or Yarn\n- Optional: [Chec CLI](https://github.com/chec/cli)\n\n### Use the Chec CLI\n\nYou can use the [Chec CLI](https://github.com/chec/cli) to quickly and easily install demo stores like this, and also\nto install sample data into your account. To install the Chec CLI, run `npm install -g @chec/cli` (or `yarn global add @chec/cli`).\n\n* Navigate to your projects folder: `cd ~/Projects`\n* Install the ChopChop demo store: `chec demo-store`\n  * Choose \"Chop Chop demo store (Next.js)\" from the list\n  * This will install dependencies and sample data, then start your dev server\n  * Stop the server, open `.env` and add your `NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY` for using Stripe, then re-run `npm run dev`\n* Open [http://localhost:3000](http://localhost:3000) and get started!\n\n### Manual installation\n\nClone the project, then get started by installing the dependencies, creating a `.env` file, and starting the dev server.\n\n```\nnpm install\ncp .env.example .env\nnpm run dev\n```\n\nOnce the server is running, open it up in your browser, start editing the code, and enjoy!\n\n### Sample data\n\nThis repository comes with some sample products and images for you to use if you want to get up and running quickly.\n\nTo install sample data, first copy `.env.example` to `.env`, then edit `.env` and fill out the\nfollowing variables:\n\n* `NEXT_PUBLIC_CHEC_PUBLIC_API_KEY`: Your Chec public/sandbox API key, available from the Chec Dashboard under\n  Developers \u003e API keys\n* `NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY`: Your Stripe test publishable key, available from the Stripe dashboard\n* `CHEC_SECRET_KEY`: Your Chec secret API key, used for seeding\n* `NEXT_PUBLIC_GA_TRACKING_ID`: Set this with your Google Analytics ID if you want to enable GA.\n\nOnce this is done, save and close your file. You can now run the seeder to install sample data:\n\n```\nnpm run seed\n...\n✔ Completed seeding\nAdded:\n  3 categories\n  6 products\n  9 assets\n```\n\nAnd you're ready to go!\n\n### Deploying to Vercel (with one click)\n\nThe one-click deploy allows you to add the Vercel application to your GitHub account to clone this repository and deploy it automatically. Be sure to go to [Vercel](https://vercel.com/signup) and sign up for an account with Github, GitLab, or GitBucket before clicking the deploy button.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=https://github.com/chec/commercejs-chopchop-demo)\n\nPlease make sure that you enter the required environment variables listed above during deployment.\n\n#### Caveats for sample data\n\nTo make your ChopChop experience even better, there are a couple of things you can do that are not included with\nthe sample data:\n\n* **Add related products:** Go into the [Chec Dashboard](https://dashboard.chec.io) and set related products for each\n  of your new products. This helps to provide upsell suggestions on your website.\n* **Set up shipping rates:** Also in the dashboard, set up some shipping zones and rates in Settings \u003e Shipping, then\n  enable them on each of your products. This will enable the \"Shipping\" checkout screen, and allow you to charge\n  shipping for your customers as well.\n\n## Customizations and Extendability \n\n- Integrate another payment gateway, either one of our supported gateways or your own with our [manual gateway API](https://commercejs.com/docs/guides/manual-payment-integration)\n- Integrate with the Google Calendar API to automatically add ticketed items to a customer’s calendars\n- Suggest products from other sources based on items purchased, i.e. a book on knife skills if you buy the knife set\n- Add [Algolia](https://www.algolia.com/) for integrated search\n- Add additional modules to the checkout flow to handle other content types, like booking a time to pickup in-store purchases\n- Integrate with a headless CMS to make the content editable\n- Create a customers login section using our [customers endpoint](https://commercejs.com/docs/api/#customers)\n- Use webhooks to deliver SMS notifications about orders\n\n## License\n\nThis project is licensed under [BSD-3-Clause](LICENSE.md).\n\n## ⚠️ Note\n\n### This repository is no longer maintained\nHowever, we will accept issue reports and contributions for this repository. See the [contribute to the commerce community](https://commercejs.com/docs/community/contribute) page for more information on how to contribute to our open source projects. For update-to-date APIs, please check the latest version of the [API documentation](https://commercejs.com/docs/api/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchec%2Fcommercejs-chopchop-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchec%2Fcommercejs-chopchop-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchec%2Fcommercejs-chopchop-demo/lists"}