Admin Quickstart
This document will guide you through setting up the Medusa admin in minutes, as well as some of its features.
Prerequisites
The Medusa admin is connected to the Medusa server. So, make sure to install the Medusa server first before proceeding with the admin. You can check out the quickstart guide to install the Medusa server.
tip
If you’re not very familiar with Medusa’s architecture, you can learn more about it in the Architecture Overview.
Install the Admin
Start by cloning the Admin GitHub repository and changing to the cloned directory:
git clone https://github.com/medusajs/admin medusa-admin
cd medusa-admin
Then, install the dependencies:
- npm
- Yarn
npm install
yarn install
Test it Out
Before running your Medusa admin, make sure that your Medusa server is running.
tip
To run your Medusa server, go to the directory holding the server and run:
- npm
- Yarn
npm run start
yarn run start
Then, in the directory holding your Medusa admin, run the following to start the development server:
- npm
- Yarn
npm run start
yarn run start
By default, the admin runs on port 7000. So, in your browser, go to localhost:7000
to view your admin.
Use your Medusa admin’s user credentials to log in.
tip
If you installed the demo data when you installed the Medusa server by using the --seed
option or running:
- npm
- Yarn
npm run seed
yarn run seed
You can use the email admin@medusa-test.com
and password supersecret
to log in.
Create a New Admin User
To create a new admin user from the command line, run the following command in the directory holding your Medusa server:
medusa user -e some@email.com -p some-password
This will create a new user that you can use to log into your admin panel.
Changing the Default Port
The default port is set in package.json
in the develop
script:
"develop": "gatsby develop -p 7000",
If you wish to change the port you can simply change the 7000
to your desired port.
However, if you change your Medusa admin port, you need to change it in your Medusa server. The Medusa server has the Medusa admin and store URLs set in the configurations to avoid CORS issues.
To change the URL of the Medusa admin in the server, add a new environment variable ADMIN_CORS
or modify it if you already have it to your Admin URL:
ADMIN_CORS=<YOUR_ADMIN_URL>
Make sure to replace <YOUR_ADMIN_URL>
with your URL.
Admin Features Overview
Order Management
In the Medusa admin, you can view all orders in your store and their details. You can fulfill orders, capture payments, and track order history. You can also create and manage return requests, swaps, and claims.
Product Management
In the Medusa admin, you can manage your store’s products. You can create products, add their description and images, create variants with multiple options, set different prices for different currencies, and manage inventory.
note
To upload images and save products, you need to integrate a file storage plugin. You can use DigitalOcean Spaces, S3, or MinIO.
Customer Management
In the Medusa admin, you can manage your store’s customers. You can manage their information and get a close-up on their orders.
Discounts Management
In the Medusa admin, you can manage your store’s discounts. You can create and manage discounts created for all products or specific products. Discounts can also be of a fixed amount or free shipping. You can also customize the discount code, its expiry date, its description, and more.
Gift Cards Management
In the Medusa admin, you can manage your store’s gift card products. You can create a gift card product with images and descriptions. You can specify unlimited denominations as well.
Settings Management
In the Medusa admin, you can manage your store’s overall settings. These include your store’s regions, fulfillment providers, payment providers, your store’s users, and more.
What’s Next 🚀
- Install the Next.js or Gatsby storefront starters.
- Learn how you can use
create-medusa-app
to install all of Medusa’s 3 components.