Admin Panel

The admin panel configuration defines the navigation structure and menu items for your application's admin interface. You can customize to add or ajust some of the menus according to your own needs.

Location

/config/adminpanel.ts

Key Components

Admin Panel Structure

export const adminPanelConfig: AdminPanelConfig = {
  navDashboard: {
    title: "Dashboard",
    href: "/admin",
    icon: "LayoutDashboard",
  },
  navContent: [
    // Content management navigation items
  ],
  navMisc: [
    // Miscellaneous navigation items
  ],
}

navContent: [
  {
    title: "Content",
    href: "#",
    icon: "FileText",
    defaultOpen: true,
    children: [
      {
        title: "Articles",
        href: "/admin/articles",
      },
      // Additional child items...
    ],
  },
  {
    title: "Collections",
    href: "/admin/collections",
    icon: "Component",
  },
  {
    title: "Media Library",
    href: "/admin/media",
    icon: "ImagePlay",
  },
]

navMisc: [
  {
    title: "Submissions",
    href: "/admin/submissions",
    icon: "ClipboardCheck",
  },
  {
    title: "Subscriptions",
    href: "/admin/subscriptions",
    icon: "Package",
  },
  // Additional items...
]

Customization

Add new navigation items by extending the appropriate arrays
Use Lucide React icon names for the icon property
For dropdown menus, use the children property to define sub-items
Set defaultOpen: true for dropdown menus that should be expanded by default
Comment out or remove items that you don't need

Admin Panel

Location

Key Components

Admin Panel Structure

Content Navigation

Miscellaneous Navigation

Customization

On this page