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 → mikeesto → ecommerce-gatsby

mikeesto / ecommerce-gatsby

Licence: other
🛒 A Gatsby Ecommerce site with Stripe integration & Netlify Functions

Programming Languages

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

Labels

ecommercestripegatsbynetlify-functions

Projects that are alternatives of or similar to ecommerce-gatsby

react-elements-netlify-serverless
Digital Wallet payments with React Stripe Elements and Netlify Functions
Stars: ✭ 21 (-56.25%)
Mutual labels:  ecommerce, stripe, netlify-functions
marketplace
A file sharing website using Laravel 5.5
Stars: ✭ 19 (-60.42%)
Mutual labels:  ecommerce, stripe
teini
👶 Teini (tiny, [ˈtīnē]) is an extremely small webshop leveraging awesome and free solutions like Github and Vercel.
Stars: ✭ 148 (+208.33%)
Mutual labels:  ecommerce, stripe
MERN-Ecommerce
An E-commerce app built using MERN stack. It has 4 social login options and implements email verification as well. Stripe and Paypal payment gateways are implemented.
Stars: ✭ 50 (+4.17%)
Mutual labels:  ecommerce, stripe
django ecommerce
Scalable Django E-Commerce, perfect to start one new online shop project.
Stars: ✭ 25 (-47.92%)
Mutual labels:  ecommerce, stripe
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 (+133.33%)
Mutual labels:  ecommerce, stripe
Firebase Cms
A CMS + E-commerce platform built with Angular and Firebase
Stars: ✭ 286 (+495.83%)
Mutual labels:  ecommerce, stripe
Ecommerce
We're going to take you step-by-step to build a modern, fully open-source, eCommerce web application using Python, Django, Bootstrap, Javascript, and more.
Stars: ✭ 980 (+1941.67%)
Mutual labels:  ecommerce, stripe
Digota
ecommerce microservice
Stars: ✭ 382 (+695.83%)
Mutual labels:  ecommerce, stripe
Checkout Netlify Serverless
Sell products on the Jamstack with Netlify Functions and Stripe Checkout!
Stars: ✭ 58 (+20.83%)
Mutual labels:  ecommerce, stripe
Buefy Shop
A sample shop built with Nuxt, Stripe, Firebase and Serverless Functions
Stars: ✭ 207 (+331.25%)
Mutual labels:  ecommerce, stripe
commercejs-vuejs-boilerplate
Commerce.js boilerplate, built with Vue.js, for fast eCommerce development and design
Stars: ✭ 43 (-10.42%)
Mutual labels:  ecommerce
freshcom-api
Deprecated
Stars: ✭ 43 (-10.42%)
Mutual labels:  ecommerce
artifacts
A clone of Etsy, an e-commerce site themed around selling items procured by time travelers.
Stars: ✭ 16 (-66.67%)
Mutual labels:  ecommerce
awesome-reactioncommerce
⚡️ A collection of awesome things regarding Reaction Commerce. Feel free to contribute!
Stars: ✭ 18 (-62.5%)
Mutual labels:  ecommerce
meanstore
Simple Shopping Cart based on MongoDB ExpressJS AngularJS and NodeJS
Stars: ✭ 35 (-27.08%)
Mutual labels:  ecommerce
Stripe-Payment-For-Opencart-3.x
Stripe payment module for opencart 3.x
Stars: ✭ 29 (-39.58%)
Mutual labels:  stripe
Zencart
Zen Cart® is a full-function e-commerce application for your website.
Stars: ✭ 250 (+420.83%)
Mutual labels:  ecommerce
Arastta
Solid, Free, Open Source, Community Driven eCommerce
Stars: ✭ 251 (+422.92%)
Mutual labels:  ecommerce
Scipio Erp
Your Online Business Kit - Build your own business applications. Create your own online shop. Customize to your own needs.
Stars: ✭ 247 (+414.58%)
Mutual labels:  ecommerce
View All Similar Projects ➔

Gatsby E-Commerce

Demo Store

🧐

This is a rewrite of Sarah Drasner's Ecommerce Store with Netlify Functions and Stripe from 2019. Sarah's store was built with Nuxt. This version is written in Gatsby. Check out Sarah's blog post on building the site.

In January 2021, I updated this project's dependencies and also made a few small changes & bug fixes.

🤓

Gatsby is commonly used as a static site generator. However, in this project the /product route is generated dynamically using the Gatsby createPage API. To stop the client side router serving the 404 page on /product requests, there is a server redirect and a rather obscure conditional check.

If I was to rewrite this project today I would architect it quite differently and take advantage of Gatsby's new File System Router API.

🏗

Clone repository

Create an .env file in the root directory. This file needs to contain your Stripe secret key:

STRIPE_SECRET_KEY=XXXXX

  • npm install
  • npm start to develop
  • npm run build to build
  • npm run serve to serve built site

To test the Netlify function, run the project with the Netlify CLI instead.

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].