Skip to content

Add Punk Rock AI merch shop (Shopify Buy Buttons)#153

Open
WalksWithASwagger wants to merge 2 commits into
mainfrom
feat/shopify-merch
Open

Add Punk Rock AI merch shop (Shopify Buy Buttons)#153
WalksWithASwagger wants to merge 2 commits into
mainfrom
feat/shopify-merch

Conversation

@WalksWithASwagger
Copy link
Copy Markdown
Owner

What

A /merch page on punkrockai.com selling stickers, tees, and posters from the keynote, powered by the Krug umbrella Shopify store (punk-rock collection).

How

  • site/merch.html — new page, mirrors the existing static-page skeleton (header/footer includes, theme CSS).
  • site/js/widgets/merch.js — ES-module loader following the site's own data-driven widget pattern (fetch('/data/*.json') -> render), then mounts Shopify Buy Buttons via the BuyButton.js SDK.
  • site/data/merch.json — store config (publishable domain + storefront token) and product list. Placeholder products; IDs empty for now.
  • site/css/widgets/merch.css — product grid in the punk theme.
  • CSP (vercel.json + site/_headers) — added https://sdks.shopifycdn.com (script-src) and https://*.myshopify.com (connect-src). This was the gating constraint: the hardened CSP would otherwise silently block the Shopify SDK.
  • Nav — "Merch" added to the primary nav.

Safe to merge now

Degrades to "Shop opening soon" until merch.json is filled with the store domain, storefront token, and product IDs. Nothing breaks before the Shopify store exists.

Before this sells

  1. Create the punk-rock products in the Krug umbrella Shopify store, publish to the Buy Button channel.
  2. Fill site/data/merch.json with the store domain, Storefront API token, and each product's ID.

🤖 Generated with Claude Code

New /merch page selling stickers, tees, and posters from the keynote,
wired to the "Krug umbrella" Shopify store (punk-rock collection) via
the BuyButton.js SDK. Data-driven from site/data/merch.json, matching
the site's existing widget pattern (fetch JSON -> render).

Degrades gracefully to "Shop opening soon" until the store domain,
storefront token, and product IDs are filled into merch.json — safe to
ship before the Shopify products exist.

CSP (vercel.json + site/_headers) extended to allow the Shopify SDK
(sdks.shopifycdn.com) and Storefront API (*.myshopify.com). "Merch"
added to the primary nav.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
punkrockai Ready Ready Preview, Comment Jun 6, 2026 1:19am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant