Skip to content

Latest commit

聽

History

History
50 lines (32 loc) 路 1.87 KB

README.md

File metadata and controls

50 lines (32 loc) 路 1.87 KB
Raw

This is yannickschutz.com

This is automatically synced with vercel

License

The following directories and their contents are Copyright Yannick Schutz. You may not reuse anything therein without my permission:

  • content/

All other directories and files are MIT Licensed.

Shop

The shop uses Stripe Checkout

Functions

It is a set of 2 serverless functions running on Vercel, a data file and a template.

  • api/checkout.js : Responsible for creating a session on stripe checkout. It uses data/shop.json file to map the SKU invented code to the Stripe price_id. Right now a lot is hardcoded in the function.
  • api/success.js : Used to retrieve customer information on the callback after a sale. Goal is to show a banner thanking the user.

Template

The template has a form handled by JS in main.js where we first post to the checkout serverless function. Then with the session_id, we redirect to stripe for the payment. We are not handling any money data down here.

The frontmatter of a shop item requires price_id which is the price code of a stripe product

Configuration

The Configuration keys needed by the functions are:

  • STRIPE_SECRET_KEY: Key used to interact with the API from the function
  • STRIPE_PUBLISHABLE_KEY: Key used by the frontend client to Stripe
  • STRIPE_SHIPPING_RATE: Shipping rate code to use at checkout

The keys can be found at https://dashboard.stripe.com/apikeys

Flow

The flow for a payment is:

  • shop/single.html page form gets a session_id from api/checkout.js
  • user gets redirected to stripe
  • After payment, user is redirected back to the right slug
  • page gets the payment information via api/success.js and thanks the user.