Categories

Hierarchical categorization with spheres and categories.

Overview

DirectoryKit uses a two-level hierarchy:

  • Spheres — Top-level groupings (e.g., "Development", "Design", "Marketing")
  • Categories — Items within spheres (e.g., "Frontend Frameworks", "UI Libraries")

Management

Categories and spheres are managed via the admin panel at /admin/categories. Features include:

  • Drag-and-drop reordering within and between spheres
  • Add, edit, and delete categories and spheres
  • CSV import for bulk creation

Database

Categories are stored in the categories table. Projects reference categories via a JSONB array column.

Frontend components

  • CategorySelector — Dropdown for filtering by category
  • CategoryBadge — Display badge for category labels
  • Category listing page at /categories
  • Category detail page at /categories/[slug]