Skip to content

๐Ÿ›’ A Gatsby Ecommerce site with Stripe integration & Netlify Functions

Notifications You must be signed in to change notification settings

mikeesto/ecommerce-gatsby

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

29 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Gatsby E-Commerce

๐Ÿง

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.

About

๐Ÿ›’ A Gatsby Ecommerce site with Stripe integration & Netlify Functions

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published