Back to Medusa

{metadata.title}

www/apps/book/app/learn/fundamentals/admin/page.mdx

2.20.13.0 KB
Original Source

export const metadata = { title: ${pageNumber} Admin Development, }

{metadata.title}

In this chapter, you'll learn about the Medusa Admin dashboard and the possible ways to customize it.

<Note title="Tip">

To explore the Medusa Admin's commerce features, check out the User Guide. These user guides are designed for merchants and provide the steps to perform any task within the Medusa Admin.

</Note>

What is the Medusa Admin?

The Medusa Admin is an intuitive dashboard that allows merchants to manage their ecommerce store. It provides management features related to products, orders, customers, and more.

The Medusa Admin is built with Vite v7. When you install the Medusa application, you also install the Medusa Admin. Then, when you start the Medusa application, you can access the Medusa Admin at http://localhost:9000/app.

<Note title="Tip">

If you don't have an admin user, use the Medusa CLI to create one.

</Note> <Note>

The Medusa Admin was migrated from Vite v5 to v7.3.6 and react-router-dom v6 to v7.18.2 in Medusa v2.19.0.

As of that version, the Medusa Admin supports Chrome v107+, Edge v107+, Firefox v104+, and Safari v16+. If you need to support older browsers, change the build.target option in the admin.vite configuration.

If your project installs react-router-dom directly, update it to v7. Learn more in the Admin Routing Customizations chapter.

</Note>

How to Customize the Medusa Admin?

You can customize the Medusa Admin dashboard by:

  • Adding new sections to existing pages using Widgets.
  • Adding new pages using UI Routes.

The next chapters will cover these two topics in detail.

What You Can't Customize in the Medusa Admin

You can't customize the admin dashboard's layout, design, or the content of the existing pages (aside from injecting widgets). You also can't change the Medusa logo used in the admin dashboard.

If your use case requires heavy customization of the admin dashboard, you can build a custom admin dashboard using Medusa's Admin API routes.


Medusa UI Package

Medusa provides a Medusa UI package to facilitate your admin development through ready-made components and ensure a consistent design between your customizations and the dashboard’s design.

Refer to the Medusa UI documentation to learn how to install it and use its components.


Admin How-to Guides

The Admin How-to Guides provides guides that walk you through common admin customizations, such as building common admin components, or adding third-party authentication to the admin.

Refer to these guides for practical examples of customizing the Medusa Admin dashboard.