Medusa DTC Starter

Documentation | Website

Building blocks for digital commerce

Medusa DTC Starter

A production-ready monorepo starter for direct-to-consumer ecommerce stores powered by Medusa and Next.js. Includes a fully featured storefront with product browsing, cart, checkout, customer accounts, and order management.

Features

• All of Medusa's commerce features
• Multi-region support with automatic country detection
• Product catalog with variant selection
• Cart with promotion codes
• Multi-step checkout with shipping and payment
• Customer accounts with order history and address management
• Order transfer between accounts

Getting Started

Deploy with Medusa Cloud

The fastest way to get started is deploying with Medusa Cloud:

1. Create a Medusa Cloud account
2. Deploy this starter directly from your dashboard

Local Installation

**Prerequisites:

• Node.js v20+
• PostgreSQL v15+
• pnpm v10+

1. Clone the repository and install dependencies:

git clone https://github.com/medusajs/dtc-starter.git
cd dtc-starter
pnpm install

2. Set up environment variables for the backend:

cp apps/backend/.env.template apps/backend/.env

3. Set the database URL in apps/backend.env:

# Replace with actual database URL, make sure the database exists.
DATABASE_URL=postgres://postgres:@localhost:5432/medusa-dtc-starter

4. Run migrations:

cd apps/backend
pnpm medusa db:migrate

5. Add admin user:

cd apps/backend
pnpm medusa user -e admin@test.com -p supersecret

6. Start Medusa backend:

cd apps/backend
pnpm dev

7. Open the admin dashboard at localhost:9000/app and log in. Retrieve your publishable API key at Settings > Publishable API key.

8. Set up environment variables for the storefront:

cp apps/storefront/.env.template apps/storefront/.env.local

9. Update apps/storefront/.env.local with your Medusa publishable API key:

NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY=pk_6c3...

10. Start storefront:

cd apps/storefront
pnpm dev

The storefront runs on http://localhost:8000.

You can slo run the following command from the root to start both backend and storefront:

pnpm dev

Configuration

The storefront is configured via environment variables in apps/storefront/.env.local:

Variable	Description	Default
NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY	Publishable API key from your Medusa backend	—
NEXT_PUBLIC_MEDUSA_BACKEND_URL	URL of your Medusa backend	http://localhost:9000
NEXT_PUBLIC_DEFAULT_REGION	Default region country code	dk
NEXT_PUBLIC_BASE_URL	Base URL of the storefront	https://localhost:8000
NEXT_PUBLIC_STRIPE_KEY	Stripe publishable key (optional)	—

Resources

• Medusa Documentation
• Medusa Cloud