Add Punk Rock AI merch shop (Shopify Buy Buttons)#153
Open
WalksWithASwagger wants to merge 2 commits into
Open
Add Punk Rock AI merch shop (Shopify Buy Buttons)#153WalksWithASwagger wants to merge 2 commits into
WalksWithASwagger wants to merge 2 commits into
Conversation
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>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
2 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
A
/merchpage on punkrockai.com selling stickers, tees, and posters from the keynote, powered by the Krug umbrella Shopify store (punk-rockcollection).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.vercel.json+site/_headers) — addedhttps://sdks.shopifycdn.com(script-src) andhttps://*.myshopify.com(connect-src). This was the gating constraint: the hardened CSP would otherwise silently block the Shopify SDK.Safe to merge now
Degrades to "Shop opening soon" until
merch.jsonis filled with the store domain, storefront token, and product IDs. Nothing breaks before the Shopify store exists.Before this sells
site/data/merch.jsonwith the store domain, Storefront API token, and each product's ID.🤖 Generated with Claude Code