Merge .env and .env.local

.env.example

@@ -1 +1,11 @@
-STRIPE_TEST_KEY=insert stripe test secret: sk_test...
+# From https://docs.stripe.com/checkout/embedded/quickstart?client=next#set-env-vars
+
+# Copy into .env and replace the placeholder values with the real keys.
+    # https://dashboard.stripe.com/apikeys
+    # https://dashboard.stripe.com/test/apikeys
+    # https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_12345
+STRIPE_SECRET_KEY=sk_test_12345
+
+# Set this environment variable to support webhooks — https://stripe.com/docs/webhooks#verify-events
+# STRIPE_WEBHOOK_SECRET=whsec_12345

pages/merch.tsx

@@ -40,7 +40,7 @@ type Repo = {
 export const getServerSideProps = async () => {
   // Ideally should be moved out to not initialise on every render
   // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const stripe: Stripe = require("stripe")(process.env["STRIPE_TEST_KEY"]);
+  const stripe: Stripe = require("stripe")(process.env["STRIPE_SECRET_KEY"]);
 
   const { products, variants } = await getAllProductsAndVariants(stripe);
   const prices = await getAllPrices(stripe);