인터페이스는 현지화되어 있으며, Skill 소개와 설명 문서는 선택한 언어로 AI가 자동 번역합니다. 코드·명령어·경로·전문 용어는 원문을 유지하며 원작자 문서가 우선합니다.
Skills 둘러보기
개발 및 엔지니어링 · SKILL.md

shopify-hello-world

shopify-hello-world

Create a minimal working Shopify app that queries products via GraphQL Admin API. Use when starting a new Shopify integration, testing your setup, or learning basic Shopify API patterns. Trigger with phrases like "shopify hello world", "shopify example", "shopify quick start", "simple shopify app", "first shopify API call".

Independent GitHub snapshot · Automated classification · Original documentation governs

Skill 문서

GitHub

name: shopify-hello-world description: 'Create a minimal working Shopify app that queries products via GraphQL Admin API.

Use when starting a new Shopify integration, testing your setup,

or learning basic Shopify API patterns.

Trigger with phrases like "shopify hello world", "shopify example",

"shopify quick start", "simple shopify app", "first shopify API call".

' allowed-tools: Read, Write, Edit, Bash(npm:), Bash(npx:), Bash(node:*) version: 2.7.0 license: MIT author: Jeremy Longshore jeremy@intentsolutions.io tags:

  • saas
  • ecommerce
  • shopify compatibility: Designed for Claude Code

Shopify Hello World

Overview

Minimal working example: query your store's products using the Shopify GraphQL Admin API. Uses @shopify/shopify-api with a custom app access token for zero-friction setup.

Prerequisites

  • Completed shopify-install-auth setup
  • A Shopify development store
  • An Admin API access token (shpat_xxx) from Settings > Apps > Develop apps

Instructions

Step 1: Create Project

mkdir shopify-hello-world && cd shopify-hello-world
npm init -y
npm install @shopify/shopify-api dotenv

Step 2: Configure Environment

# .env
SHOPIFY_STORE=your-store.myshopify.com
SHOPIFY_ACCESS_TOKEN=shpat_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
SHOPIFY_API_KEY=your_api_key
SHOPIFY_API_SECRET=your_api_secret

Step 3: Write the Hello World Script

Initialize the Shopify API client with LATEST_API_VERSION (imported from @shopify/shopify-api), create a custom app session, then query shop info and products via GraphQL.

See Hello World Script for the complete implementation.

Step 4: Run It

npx tsx hello-shopify.ts
# Or compile first:
npx tsc hello-shopify.ts && node hello-shopify.js

Output

Expected console output:

Store: My Dev Store
Currency: USD

Products:
  - Classic T-Shirt (ACTIVE, 150 in stock)
      Variant: Small — $29.99 (SKU: TSH-SM)
      Variant: Medium — $29.99 (SKU: TSH-MD)
      Variant: Large — $29.99 (SKU: TSH-LG)
  - Coffee Mug (ACTIVE, 42 in stock)
      Variant: Default Title — $14.99 (SKU: MUG-01)

Success! Your Shopify connection is working.

Error Handling

ErrorCauseSolution
HttpResponseError: 401 UnauthorizedInvalid or revoked access tokenRegenerate token in Shopify admin > Settings > Apps
HttpResponseError: 403 ForbiddenToken lacks required scopesEnable read_products scope in app config
HttpResponseError: 404 Not FoundWrong store domain or API versionVerify store URL is *.myshopify.com
ENOTFOUND your-store.myshopify.comStore domain typo or DNS issueDouble-check SHOPIFY_STORE value
GraphqlQueryError with userErrorsInvalid query syntaxCheck field names against API version docs
MODULE_NOT_FOUND @shopify/shopify-apiPackage not installedRun npm install @shopify/shopify-api

Examples

Create a Product and Query via REST

See GraphQL Mutation and REST Examples for a productCreate mutation and legacy REST API usage.

Resources

저장한 Skills