Community연구 & 데이터 분석github.com

medusajs/스토어프론트 구축

Medusa 스토어프론트 기능(커스텀 API 라우트 호출, SDK 통합, React Query 패턴, 데이터 페칭)을 계획, 조사 또는 구현할 때 자동으로 로드됩니다. 모든 모드(계획, 구현, 탐색)에서 스토어프론트 개발에 필수입니다. SDK 사용 패턴, 프론트엔드 통합, Medusa API 호출을 위한 중요한 규칙을 포함합니다.

스토어프론트 구축란 무엇인가요?

이 스킬은 Medusa 스토어프론트를 개발할 때 AI 어시스턴트가 SDK 통합, 커스텀 API 라우트 호출, React Query 패턴, 데이터 페칭 등의 작업을 수행하도록 안내합니다. Medusa SDK 사용 패턴과 프론트엔드 통합 방법을 상세히 제공하여 개발자들이 Medusa API를 효과적으로 호출하고 스토어프론트 기능을 구현할 수 있도록 지원합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 'planning', 'implementation', 'exploration' 등 모든 개발 모드에서 자동으로 로드되어 일관된 코드 생성과 개발 경험을 제공합니다. 이 스킬은 Medusa 헤드리스 커머스 플랫폼의 스토어프론트 개발에 특화되어 있어, SDK 사용법부터 복잡한 데이터 관리 패턴까지 포괄적인 지식을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/building-storefronts

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

스토어프론트 구축은(는) 무엇을 하나요?

Medusa 스토어프론트 기능(커스텀 API 라우트 호출, SDK 통합, React Query 패턴, 데이터 페칭)을 계획, 조사 또는 구현할 때 자동으로 로드됩니다. 모든 모드(계획, 구현, 탐색)에서 스토어프론트 개발에 필수입니다. SDK 사용 패턴, 프론트엔드 통합, Medusa API 호출을 위한 중요한 규칙을 포함합니다.

주요 내용

  • SDK 통합: Medusa 클라이언트 SDK를 사용한 스토어프론트 연결 방법
  • 커스텀 API 라우트: 백엔드 커스텀 엔드포인트 호출 및 데이터 처리
  • React Query 패턴: 서버 상태 관리 및 데이터 페칭 최적화
  • 데이터 페칭: 제품, 장바구니, 주문 등 핵심 데이터 가져오기

사용 방법

이 스킬은 다음 상황에서 자동으로 활성화됩니다:

  • 새 Medusa 스토어프론트 프로젝트 시작
  • 기존 스토어프론트에 기능 추가
  • API 통신 문제 해결
  • SDK 업데이트 및 마이그레이션

중요 규칙

  1. 항상 Medusa SDK의 최신 버전을 사용하세요.
  2. API 호출 시 적절한 에러 처리를 포함하세요.
  3. React Query를 사용할 때는 캐시 무효화 전략을 수립하세요.
  4. 커스텀 API 라우트는 일관된 명명 규칙을 따르세요.

관련 리소스

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

medusajs/building-admin-dashboard-customizations

Load automatically when planning, researching, or implementing Medusa Admin dashboard UI (widgets, custom pages, forms, tables, data loading, navigation). REQUIRED for all admin UI work in ALL modes (planning, implementation, exploration). Contains design patterns, component usage, and data loading patterns that MCP servers don't provide.

medusajs/building-with-medusa

Load automatically when planning, researching, or implementing ANY Medusa backend features (custom modules, API routes, workflows, data models, module links, business logic). REQUIRED for all Medusa backend work in ALL modes (planning, implementation, exploration). Contains architectural patterns, best practices, and critical rules that MCP servers don't provide.

medusajs/db-generate

Generate database migrations for a Medusa module

medusajs/db-migrate

Run database migrations in Medusa

medusajs/learning-medusa

Load automatically when user asks to learn Medusa development (e.g., "teach me how to build with medusa", "guide me through medusa", "I want to learn medusa"). Interactive guided tutorial where Claude acts as a coding bootcamp instructor, teaching step-by-step with checkpoints and verification.

medusajs/new-user

Create an admin user in Medusa

medusajs/storefront-best-practices

ALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart, integrating Medusa backend, or building any ecommerce functionality. Framework-agnostic (Next.js, SvelteKit, TanStack Start, React, Vue). Provides patterns, decision frameworks, backend integration guidance.

관련 스킬