Sidebar

Configure sidebar using nocto-config

Edit or remove

Nocto comes with default sidebar configuration which mirrors what Medusa offers (so Orders, Products etc.). This can be visible in nocto-config.ts in sidebar section:

import { NoctoConfig } from "@rsc-labs/noctojs-plugin-system"
import {
  Sparkles,
} from "@medusajs/icons"

export const noctoConfig: NoctoConfig = {
  plugins: {
    "@login": {
      config: {
        title: "Welcome to Nocto",
        hint: "Sign in to access",
        mainIcon: Sparkles
      }
    },
    "@orders": {},
    "@order-detail": {},
    "@campaigns-routes": {},
    "@categories-routes": {},
    "@collections-routes": {},
    "@core-routes": {},
    "@customer-groups-routes": {},
    "@public-routes": {},
    "@reservations-routes": {},
    "@settings-routes": {}
  },
  sidebar: {
    "@orders": { order: 1 },
    "@products": { order: 2 },
    "@inventory": { order: 3 },
    "@customers": { order: 4 },
    "@promotions": { order: 5 },
    "@price-lists": { order: 6 },
  }
}

You can easily switch the order of items by updating order parameter.

You can also remove any of these item, so it won't appear in sidebar in Nocto.

Adding

You can also add new sidebar item (of course, as a plugin). However, please be aware that it requires proper plugin implementation, see: Sidebar plugin