Shopify Developer Reference

Development

Complete Shopify development reference covering Liquid templating, OS 2.0 themes, GraphQL APIs, Hydrogen, Functions, and performance optimization (API v2026-01). Use when working with .liquid files, building Shopify themes or apps, writing GraphQL queries for Shopify, debugging Liquid errors, creating app extensions, migrating from Scripts to Functions, or building headless storefronts. Triggers on "Shopify", "Liquid template", "Hydrogen", "Storefront API", "theme development", "Shopify Functions", "Polaris". Do NOT use for non-Shopify e-commerce platforms.

npx @tech-leads-club/agent-skills install --skill shopify-developer

What Shopify Developer Reference does

Complete Shopify development reference covering Liquid templating, OS 2.0 themes, GraphQL APIs, Hydrogen, Functions, and performance optimization (API v2026-01).

When to use it

  • working with .liquid files
  • building Shopify themes or apps
  • writing GraphQL queries for Shopify
  • debugging Liquid errors
  • creating app extensions
  • migrating from Scripts to Functions
  • building headless storefronts. Triggers on "Shopify"
  • "Liquid template"
  • "Hydrogen"
  • "Storefront API"
  • "theme development"
  • "Shopify Functions"
  • "Polaris"

When not to use it

  • non-Shopify e-commerce platforms

Shopify Developer Reference

Comprehensive reference for professional Shopify development - API version 2026-01.

Quick Reference

ItemValue
API version2026-01 (stable)
GraphQL AdminPOST https://{store}.myshopify.com/admin/api/2026-01/graphql.json
Storefront APIPOST https://{store}.myshopify.com/api/2026-01/graphql.json
Ajax API (theme)/cart.js, /cart/add.js, /cart/change.js
CLI installnpm install -g @shopify/cli
Theme devshopify theme dev --store {store}.myshopify.com
App devshopify app dev
Deployshopify app deploy
Docsshopify.dev

Choose Your Path

Read the reference file(s) that match your task:

Liquid templating - writing or debugging .liquid files:

  • references/liquid-syntax.md - Tags, control flow, iteration, whitespace, LiquidDoc
  • references/liquid-filters.md - All filter categories with examples
  • references/liquid-objects.md - Product, collection, cart, customer, and global objects

Theme development - building or customising themes:

  • references/theme-development.md - OS 2.0 architecture, sections, blocks, JSON templates, settings schema

API integration - fetching or modifying data programmatically:

  • references/api-admin.md - GraphQL Admin API (primary), REST (legacy), OAuth, webhooks, rate limiting
  • references/api-storefront.md - Storefront API, Ajax API, cart operations

App development - building Shopify apps:

  • references/app-development.md - Shopify CLI, extensions, Polaris Web Components, App Bridge

Serverless logic - custom business rules:

  • references/functions.md - Shopify Functions (replacing Scripts), Rust/JS targets, deployment

Headless commerce - custom storefronts:

  • references/hydrogen.md - Hydrogen framework, React Router 7, Storefront API integration

Optimisation and troubleshooting:

  • references/performance.md - Images, JS, CSS, fonts, Liquid, Core Web Vitals
  • references/debugging.md - Liquid errors, API errors, cart issues, webhook failures

Deprecation Notices

DeprecatedReplacementDeadline
Shopify ScriptsShopify FunctionsAugust 2025 (migration), sundown TBD
checkout.liquidCheckout ExtensibilityAugust 2024 (Plus), done
REST Admin APIGraphQL Admin APIActive deprecation (no removal date yet)
Legacy custom appsNew auth modelJanuary 2025 (done)
Polaris ReactPolaris Web ComponentsActive migration
Remix (app framework)React Router 7Hydrogen 2025.5.0+

Liquid Essentials

Three syntax types:

{{ product.title | upcase }}                    {# Output with filter #}
{% if product.available %}In stock{% endif %}   {# Logic tag #}
{% assign sale = product.price | times: 0.8 %}  {# Assignment #}
{%- if condition -%}Stripped whitespace{%- endif -%}

Key patterns:

{% for product in collection.products limit: 5 %}
  {% render 'product-card', product: product %}
{% endfor %}

{% paginate collection.products by 12 %}
  {% for product in paginate.collection.products %}...{% endfor %}
  {{ paginate | default_pagination }}
{% endpaginate %}

API Essentials

// GraphQL Admin - always use GraphQL over REST
const response = await fetch(`https://${store}.myshopify.com/admin/api/2026-01/graphql.json`, {
  method: 'POST',
  headers: {
    'X-Shopify-Access-Token': accessToken,
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ query, variables }),
})
const { data, errors } = await response.json()
if (errors) throw new Error(errors[0].message)

// Ajax API (theme-only cart operations)
fetch('/cart/add.js', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ id: variantId, quantity: 1 }),
})

Reference Files

FileLinesCoverage
liquid-syntax.md~600Tags, control flow, iteration, variables, whitespace, LiquidDoc
liquid-filters.md~870String, numeric, array, Shopify-specific, date, URL, colour filters
liquid-objects.md~695All Shopify objects: product, variant, collection, cart, customer, order, etc.
theme-development.md~1200File structure, JSON templates, sections, blocks, settings schema, layout
api-admin.md~595GraphQL queries/mutations, REST (legacy), OAuth, webhooks, rate limiting
api-storefront.md~235Storefront API, Ajax API, cart operations, Customer Account API
app-development.md~760CLI, app architecture, extensions, Polaris Web Components, deployment
functions.md~300Function types, Rust/JS targets, CLI workflow, Scripts migration
hydrogen.md~375Setup, routing, data loading, Storefront API, deployment
performance.md~605Images, JS, CSS, fonts, Liquid, third-party scripts, Core Web Vitals
debugging.md~650Liquid, JavaScript, API, cart, webhook, theme editor troubleshooting
  • Your pathfinder for navigating unknown codebases. Investigates with precision, implements surgically, and never assumes — if it doesn't know, it says so. Maintains a .notebook/ knowledge base that grows across sessions, turning every discovery into lasting intelligence. Summons available skills, MCPs, and docs when the mission demands.

  • Behavioral guidelines to reduce common LLM coding mistakes.

  • Expert in Confluence operations using Atlassian MCP.

  • Write, review, and edit documentation files with consistent structure, tone, and technical accuracy.

  • Evaluate a repo agent harness (AGENTS.md, rules, skills, skill refs) for broken paths/commands, redundant instructions, and usefulness using a stack-agnostic dual-judge protocol with planted traps. HIGH PRIORITY questionnaires at top: Q1 optional docs, Q2 B/C budget before Track A (certainty/tokens). A always runs after Q2; B/C opt-in. ADRs/RFCs excluded from T2. Mixed apply uses 11-mixed-apply.md (KEEP/CUT).

  • Manage Jira issues via Atlassian MCP — search, create, update, transition status, and handle sprint tasks. Auto-detects workspace configuration.