Headless EC with Shopify
Shopify Storefront API, Next.js ISR, member pricing - fast and flexible headless EC site design
Shopify Headless Commerce
Custom frontend with Next.js powered by Shopify Storefront API backend
Automatic Size Chart Display for Products
Auto-selecting appropriate size charts based on category, item type, and gender
Size Chart Selection Logic
Priority-based mapping rules and exception handling mechanisms
Size Chart Data Structure
JSON file management, normalization processing, and dynamic mapping with KV store
Size Guide Checker Mechanism
Calculating recommended sizes from height and chest measurements to support purchases
B2B Auto-Discount & Invoice Payment System
Code-change-free B2B pricing using customer tags and coupon integration
B2B Auto-Discount System Overview
Implementing automatic B2B discounts and invoice payment in headless e-commerce
Shopify B2B Discount Configuration
Step-by-step guide for customer tags, segments, collections, and coupons
Headless Implementation & Invoice Payment
Tag reading, price calculation, auto-coupon application, and draft orders
Shopify Cart API Integration
Page-transition-free cart operations via Shopify Storefront API
Designing Reliable GA4 Conversion Tracking for Headless Commerce
An end-to-end design to prevent purchase CV loss across checkout boundaries
Why Conversion Tracking Breaks in Headless Setups
Where tracking drops when checkout handoff and domain separation occur
Bridging Cookies Before Checkout Handoff
How to carry identifiers like _ga into order metadata with safer patterns
Sending purchase via orders/paid Webhook and GA4 Measurement Protocol
Server-side purchase delivery after payment to improve measurement completeness
Cloudinary Image Delivery Optimization
Solving headless EC image load problems with Cloudinary
The Image Delivery Problem in Headless EC
Why hosting server load and costs increase, and how it impacts your business
Image Optimization with Cloudinary
Offload image transformation and delivery to a specialized service
Building the Shopify → Cloudinary Flow
From image sync to Next.js display—the complete implementation guide
Fast Page Loading with Next.js ISR
Improve EC site performance with static generation and automatic updates
EC Site Product Filter Design
Flexible product filtering combining custom fields and price ranges
Product Recommendation Design
Improve customer shopping experience with coordination suggestions and related products
Back in Stock Notification Design and Admin UI
A practical guide covering stock recovery detection, delivery control, and performance measurement end to end
Reliable Back in Stock Detection Design (0 -> 1)
Combine inventory snapshots and event processing to prevent duplicate notifications at detection time
Notification Delivery Pipeline Design (Queue, Throttling, Retry)
Implementation principles for a queue-first delivery backbone that remains stable under burst traffic
Back in Stock Admin UI Implementation Guide
Designing an operations-friendly console for monitoring, replay, and rule management
Running Multiple Sites with One Shopify
Efficient multi-site architecture using sales channels and inventory management
Single Sign-On Across Multiple EC Sites
Unifying members across brand EC sites: log in once, move freely between all sites
How Signed Handoff Tokens Work
Safely passing login state with single-use tokens valid only at the moment of crossing sites
SSO Callback and Session Establishment Flow
The full flow from token verification to session creation on the receiving site
SSO Configuration That Scales with New Sites
Adding or removing participating sites through configuration alone — extensible setup management
SEO Design for Headless EC — SSR Visibility, Structured Data, Sitemaps
Reclaiming the SEO you tend to lose with a free-form frontend: SSR, JSON-LD, and dynamic sitemaps
Supplementing Crawler-Visible Content with SSR
Server-rendering headings, descriptions, and internal links that client-side rendering alone can't convey
Implementing JSON-LD Structured Data (Products & Breadcrumbs)
How to output product and breadcrumb schemas that lead to rich results in headless EC
Generating and Caching Dynamic Sitemaps and robots.txt
Auto-generating sitemap.xml that tracks product changes, with caching to control generation cost
Google Shopping Readiness — Automated Product Feeds
Self-hosted product feeds for Merchant Center: keeping thousands of SKUs fresh daily
Mapping Product Data to the Feed Specification
Rules for converting EC product data — titles, GTINs, categories, availability — into Google's format
Feed Caching and Health-Check Operations
Caching to keep thousand-SKU feed generation light, and monitoring that delivery never silently stops
Managing Feed Quality — Exclusions and Validation
Exclusion rules for products that shouldn't be listed, and data validation to reduce disapprovals
Cross-Sell Operations for Cart & Product Pages — Curated Recommendations with an Admin UI
Human-curated cross-sell instead of algorithm-only: a system managed through an admin UI and CSV
Designing "One More Item" Cart Cross-Sell
Why suggestions work in the cart, and how to present them without being pushy
Humans Pick the Suggestions — Admin UI and CSV Bulk Operations
Editing per-product suggestions in an admin UI, with CSV import/export for bulk maintenance
Variant-Aware Cross-Sell UX
One-step add-to-cart with size selection directly inside the suggestion slot
Auto-Expiring Content — Designing Away "Forgot to Take It Down"
Giving campaign pages and event galleries expiration dates so they disappear automatically
Managing Temporary Content with KV Storage
A lightweight design that manages content and expiration in KV without standing up a database
Cron-Based Expiration and Access Control
Scheduled jobs that detect expired content and unpublish it, and how to handle post-expiration access
Use Cases for Disposable URLs
Private event photo sharing, limited-time LPs, temporary internal sharing — a pattern collection
Building an In-House FAQ System — Search, Admin UI, Cross-Site
An FAQ system built in-house instead of SaaS: search index, admin editing, and multi-site support
FAQ Data Management and Search Index with JSON + KV
A lightweight data design: per-category JSON with a generated search index
Admin-UI Editing with Git-Based Sync
Staff edit in the admin UI, developers manage in Git — push/pull keeps both in sync
Connecting FAQ to the Contact Flow to Reduce CS Load
Placing FAQ search before the contact form to raise self-service resolution
Other Categories
AI Agent Solutions & Business Automation
Practical LLM-powered solutions — AI-OCR order intake, reply drafting for support tickets, a daily research agent, and AI-driven product concierge
HubSpot CRM/CMS Setup & External Integration
From HubSpot implementation to custom API integrations beyond standard connectors and external tool integrations
POS & Omnichannel Integration
Unifying online and offline customer data for seamless customer experience
Accounting & Invoice Automation
Auto-generate invoices from spreadsheets with idempotency control and retry mechanisms
Order Management Integration
Bidirectional sync with order management systems and secure OAuth-based API integration
AI-Powered Site Development & Deployment
Non-engineer-friendly workflow for publishing and managing sites using Claude Code × GitHub × Vercel
Other Solutions & Ideas
Business improvement and problem-solving ideas and project examples that don't fit specific categories