medusajs/ストアフロントベストプラクティス

Eコマースストアフロント、オンラインストア、ショッピングサイトを扱う際は常にこのスキルを使用してください。チェックアウトページ、カート、決済フロー、商品ページ、商品一覧、ナビゲーション、ホームページなど、あらゆるストアフロントコンポーネントに使用します。

ストアフロントベストプラクティス とは?

このスキルは、Medusa.js を使用したEコマースストアフロント開発のためのベストプラクティスガイドです。チェックアウト、カート、決済フロー、商品ページ、商品一覧、ナビゲーション、ホームページなど、あらゆるストアフロントコンポーネントの実装パターンと意思決定フレームワークを提供します。Next.js、SvelteKit、TanStack Start、React、Vue など、フレームワークに依存せずに使用できます。Medusa バックエンドとの統合方法、効率的なデータフェッチ、パフォーマンス最適化、アクセシビリティ、SEO 対策などの実践的なパターンを網羅しており、開発者が迅速かつ堅牢なストアフロントを構築するための指針となります。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/storefront-best-practices

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ストアフロントベストプラクティス は何をしますか?

Eコマースストアフロント、オンラインストア、ショッピングサイトを扱う際は常にこのスキルを使用してください。チェックアウトページ、カート、決済フロー、商品ページ、商品一覧、ナビゲーション、ホームページなど、あらゆるストアフロントコンポーネントに使用します。チェックアウトの追加、カートの実装、Medusa バックエンドの統合、またはEコマース機能の構築には必須です。フレームワークに依存しません(Next.js、SvelteKit、TanStack Start、React、Vue)。パターン、意思決定フレームワーク、バックエンド統合ガイダンスを提供します。

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-storefronts

Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront development in ALL modes (planning, implementation, exploration). Contains SDK usage patterns, frontend integration, and critical rules for calling Medusa APIs.

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

関連スキル