GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → chec → commercejs-nextjs-vercel

chec / commercejs-nextjs-vercel

Licence: BSD-3-Clause License
Serverless eCommerce demo store built for the Jamstack. Built with Commerce.js, Next.js and can be one click deployed to Vercel. Includes product catalogue, categories, variants, cart, checkout, order confirmation and printable receipts. This is an open source project.

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
shell
77523 projects

Labels

open-sourceecommerceserverlesscommercenextjsjamstackone-click-deploychecdemo-storevercelcommercejs

Projects that are alternatives of or similar to commercejs-nextjs-vercel

commercejs-chopchop-demo
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.
Stars: ✭ 129 (+89.71%)
Mutual labels:  commerce, jamstack, demo-store, vercel
Commerce.js
Open source, JS eCommerce SDK for building headless, Jamstack applications. Build custom storefronts, carts, and checkouts in any frontend framework, platform, or device. Integrates with Stripe, Square, PayPal, Paymill and Razorpay with support for 135+ currencies.
Stars: ✭ 112 (+64.71%)
Mutual labels:  ecommerce, commerce, jamstack
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, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Stars: ✭ 737 (+983.82%)
Mutual labels:  ecommerce, commerce, jamstack
wp-vercel-deploy-hooks
WordPress Plugin to trigger Vercel deploy hooks on command / update
Stars: ✭ 51 (-25%)
Mutual labels:  jamstack, vercel
Supply
🛍 Supply is a free e-commerce Jekyll theme with Gumroad integration.
Stars: ✭ 24 (-64.71%)
Mutual labels:  ecommerce, jamstack
crystallize-nextjs-boilerplate
Fully featured Next.js / React eCommerce boilerplate. Combine rich marketing content with product information to create highly converting online stores. Fully tuned for performance with JAMStack edge page generation.
Stars: ✭ 252 (+270.59%)
Mutual labels:  ecommerce, jamstack
commercelayer-checkout
Commmerce Layer Checkout (Vue.js)
Stars: ✭ 31 (-54.41%)
Mutual labels:  ecommerce, jamstack
grammer-blog
My personal blog about programming or random stuff. Made using Vue JS 2 and Gridsome as a jamstack framework for Vue JS. Hosted on vercel
Stars: ✭ 14 (-79.41%)
Mutual labels:  jamstack, vercel
frontend-developer-coding-challenge
Are your looking for a remote developer job? Solve this frontend developer challenge and show us what you can do and what you are an expert at!
Stars: ✭ 112 (+64.71%)
Mutual labels:  ecommerce, vercel
trailing-slash-guide
Understand and fix your static website trailing slash issues!
Stars: ✭ 255 (+275%)
Mutual labels:  jamstack, vercel
DigitalProducts
Sell digital products with Craft Commerce
Stars: ✭ 48 (-29.41%)
Mutual labels:  ecommerce, commerce
saleor
A modular, high performance, headless e-commerce platform built with Python, GraphQL, Django, and React.
Stars: ✭ 15,824 (+23170.59%)
Mutual labels:  ecommerce, commerce
react-elements-netlify-serverless
Digital Wallet payments with React Stripe Elements and Netlify Functions
Stars: ✭ 21 (-69.12%)
Mutual labels:  ecommerce, jamstack
exo
EXO, the empathy-first framework for an accessible world.
Stars: ✭ 75 (+10.29%)
Mutual labels:  jamstack, vercel
teini
👶 Teini (tiny, [ˈtīnē]) is an extremely small webshop leveraging awesome and free solutions like Github and Vercel.
Stars: ✭ 148 (+117.65%)
Mutual labels:  ecommerce, vercel
amazin
A MERN-stack app for eCommerce platform, Webshop, Web Store. Storybook: https://www.amazin.one/ Alternative: https://ntrix.github.io/amazin-story
Stars: ✭ 27 (-60.29%)
Mutual labels:  ecommerce, vercel
ios-sdk
Swift SDK for the Moltin eCommerce API
Stars: ✭ 35 (-48.53%)
Mutual labels:  ecommerce, commerce
payantNG-php
PHP Library for PayantNG
Stars: ✭ 14 (-79.41%)
Mutual labels:  ecommerce, commerce
Coreshop
CoreShop - Pimcore eCommerce
Stars: ✭ 193 (+183.82%)
Mutual labels:  ecommerce, commerce
commercejs-vuejs-boilerplate
Commerce.js boilerplate, built with Vue.js, for fast eCommerce development and design
Stars: ✭ 43 (-36.76%)
Mutual labels:  ecommerce, commercejs
View All Similar Projects ➔

Demo Store with Commerce.js and Next.js 🛍️💳

A high-fidelity fully-fledged eCommerce demo store built using the Commerce.js SDK and Next.js with live deployment to Vercel.

Live demo

Vercel Demo Preview

Note

  • This app is built using Commerce.js v2 SDK

Overview

This README will guide you in getting up and running with a fully-fledged eCommerce template. We have configured this template for you to one-click deploy directly to Vercel. Alternatively, you can manually deploy to your choice of hosting platform.

Prequisites

  • IDE or code editor of your choice
  • Node (v8.2.0 or higher)
  • NPM or Yarn
  • Chec CLI yarn global add @chec/cli

Setup

Create a Chec account.

Now that you’ve installed Chec CLI globally, you will be able to access the list of chec [COMMANDS], one of which is registering for a Chec account. Let’s go ahead and get that set up!

# Open the Chec registration page in your browser
chec register

Follow the rest of the walk-through to set up your merchant details. Alternatively, you can go here to register for a Chec account.

One-click Deploy with Vercel (recommended)

The one-click deploy allows you to add the Vercel application to your GitHub account to clone the commercejs-nextjs-vercel repository and deploy it automatically. Be sure to go to Vercel and sign up for an account with Github, GitLab, or GitBucket before clicking the deploy button.

Deploy with Vercel

Please note that the site deploy will first fail as we have yet to enter in the environment variables for your Vercel site. Configure your site by going under the Project Settings in the General tab then scroll down to Environment Variables to enter your public API key. The value is automatically encrypted and stored in Vercel system. The variable name input is CHEC_PUBLIC_KEY and the value input is the Public Key. Please note that for the purpose of getting you up and running with a live deploy preview of the demo store, we have provided you with the public_key from our demo merchant account. Access this key here and copy over the CHEC_PUBLIC_KEY value.

🥞 Stack

Customization and Extendability

  • Add shipping zones and enable shipping options in each product
  • Adding new features or extending existing features
  • Customizing the styling
    • All global styles are done using SASS and Bootstrap
  • A/B testing unique checkout designs and flow
  • Integrating other backend tools like Content Management Systems, Customer Support, Fulfillment services, and more.
  • Fetching real client reviews from reviews APIs
  • Adding search functionality
  • Leveraging webhooks to automate post checkout actions
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].