Skip to content

Demo e-commerce site for fictitious business selling coffee. Using Gatsby and Stripe Checkout

License

Notifications You must be signed in to change notification settings

tpage99/coffee-first

Repository files navigation

Gatsby

Demo Site Built with Gatsby's Default Starter

Demo hosted by Netlify here: https://coffeefirst.netlify.com/

Step 1. Clone the repo

git clone https://github.com/tpage99/coffee-first.git

Step 2. npm install

npm install

Step 3. to run locally

gatsby develop

Step 4. Be awesome

😎

Resources

📕Gatsby E-Commerce Tutorial

  • Unfortunately, I didn't find this tutorial until after I was encountering some problems with Gatsby building nodes with the gatsby-source-stripe plugin
  • Found that even though there are still server-side issues in the logs with the nodes not being built, it was indeed working as they were available in GraphiQL
    • ⏰ need to set a reminder to do a pull-request or something

💰Stripe API Reference

👨‍💻Gatsby's Debugging HTML Builds Info

  • This was super helpful for determining why build was working locally, but failing when trying to deploy to Netlify
  • Research if getting the "window not defined" error
    • TLDR; utilize componentDidMount
    • Don't Modify State Directly according to React docs. Define state (Stripe in this instance) and set to empty array, then setState within componentDidMount

About

Demo e-commerce site for fictitious business selling coffee. Using Gatsby and Stripe Checkout

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published