Storefront Development Guides

The Medusa application is made up of a Node.js service and an admin dashboard. The storefront is installed, built, and hosted separately from the Medusa application, providing you with the flexibility to choose the frontend tech stack that you and your team are proficient in, and implement unique design systems and user experience.

NoteLearn more about Medusa's architecture in this documentation.

You can build your storefront from scratch, or built it on top of the Next.js Starter storefront. This section of the documentation provides guides to help you build a storefront from scratch for your Medusa application.

General#

Tips
Publishable API Key

Regions#

Overview
List Regions
Store and Retrieve Regions
Region React Context

Products#

List Products
Retrieve a Product
Select a Variant
Retrieve Variant Prices
Retrieve Variant Inventory

Product Categories#

List Categories
Retrieve a Category
Retrieve a Category's Products
Retrieve Nested Categories

Product Collections#

List Collections
Retrieve a Collection
Retrieve a Collection's Products

Carts#

Create Cart
Retrieve Cart
Cart React Context
Update Cart
Manage Line Items

Checkout#

Overview
1. Enter Email
2. Enter Address
3. Choose Shipping Method
4. Choose Payment Provider
5. Complete Cart

Customers#

Register Customer
Login Customer
Third-Party (Social) Login
Reset Password
Retrieve Customer
Customer React Context
Edit Customer Profile
Manage Customer Addresses
Log-out Customer
Was this page helpful?
Edit this page
Ask Anything
FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break