skills.rest
medusajs
medusajsOFFICIAL
Explore all skills by this author →
Website𝕏@medusajsGitHub

building-storefronts

Standardizes Medusa storefront development with API route, SDK, and React Query patterns.

208|26|Updated Jan 15, 2026
Search Tags:#React Query#data fetching#Medusa#storefront#frontend integration#SDK usage#custom API routes
One-click install
npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-storefronts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-storefronts
Source: https://github.com/medusajs/medusa-agent-skills/tree/main/plugins/medusa-dev/skills/building-storefronts
Command: npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-storefronts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill standardizes Medusa storefront development by providing proven patterns for API route calls, SDK usage, and frontend data-fetching workstreams.

Core Features & Use Cases

  • SDK usage patterns for integrating Medusa storefronts with the frontend
  • React Query data fetching, caching, and mutation patterns for storefront data
  • Guidance on calling custom Medusa API routes from the storefront and coordinating with backend workflows
  • Example: When starting a new storefront project, use this skill to outline the exact API interactions, client SDK calls, and data-fetching strategies before coding

Quick Start

Load this skill at the outset of a Medusa storefront project to align SDK usage, API route integration, and React Query patterns.

Frequently Asked Questions about building-storefronts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Medusa storefront with React Query data fetching?▼

To build a Medusa storefront with React Query data fetching, load this skill to apply structured patterns for SDK usage, data caching, and frontend integration. It enforces proven frontend references to align API interactions and data mutations before coding.

What is the best way to call custom Medusa API routes from a frontend?▼

The best way to call custom Medusa API routes is using standardized SDK usage patterns that coordinate directly with backend workflows. This skill provides structured patterns to ensure reliable frontend integration and consistent storefront deployments.

When do I need structured patterns for Medusa storefront frontend integration?▼

You need structured patterns for Medusa storefront frontend integration when starting a new project or standardizing existing API route calls, SDK usage, and React Query data flows. This ensures consistent, reliable storefront deployments across planning and implementation.

Does this approach support planning API interactions before coding a Medusa storefront?▼

Yes, this approach supports planning API interactions before coding a Medusa storefront by outlining exact client SDK calls, custom API route integrations, and React Query data-fetching strategies. It applies during planning, implementation, and exploration tasks.

How does the SDK usage pattern handle data caching and mutations in a storefront?▼

The SDK usage pattern handles data caching and mutations by applying structured React Query data fetching patterns tailored for storefront data. It standardizes frontend data-fetching workstreams to enforce consistent, reliable behavior across the application.

Related Skills

Explore More Software Engineering Skills→
afterworkafterwork

building-storefronts

Plan and develop Medusa storefront features using the Medusa SDK and React Query.

Official
Advanced
NagyViktNagyVikt
2

building-storefronts

Standardize Medusa JS SDK and React Query integration for storefront applications.

Community
Advanced
tomtoto757tomtoto757
14

medusa-development

Extend Medusa v2 backends with custom services, subscribers, workflows, and API routes.

Community
Advanced
medusajsmedusajs
208

building-storefronts

Standardizes Medusa storefront development with API route, SDK, and React Query patterns.

Official
Advanced