DeesseJS

Content Management

Learn how to manage content in the Admin Dashboard

Content Management

The Admin Dashboard provides a comprehensive interface for managing all your content collections. This guide covers how to effectively use the content management features.

Collection Overview

Each collection in your application has a dedicated management page in the dashboard. Access any collection from the sidebar navigation.

Collection Page Structure

┌─────────────────────────────────────────────────┐
│  Collection Name              [+ New Item]       │
├─────────────────────────────────────────────────┤
│  🔍 [Search...]  │  Filters  │  Bulk Actions   │
├─────────────────────────────────────────────────┤
│  ☐  Item 1        Status    Date    Actions    │
│  ☐  Item 2        Status    Date    Actions    │
│  ☐  Item 3        Status    Date    Actions    │
└─────────────────────────────────────────────────┘

Viewing Content

List View

The default view displays items in a table format with:

  • Sortable Columns: Click column headers to sort
  • Inline Preview: Hover over items for quick preview
  • Status Indicators: Visual indicators for draft/published status
  • Last Modified: Timestamps showing when items were last updated

Grid View

Switch to grid view for a more visual layout, perfect for:

  • Image-heavy collections
  • Product catalogs
  • Portfolio items

Detail View

Click any item to view the full detail page with:

  • All field data
  • Revision history
  • Related items
  • Activity log

Creating Content

Using the Dashboard UI

  1. Click "+ New Item" button on the collection page
  2. Fill in the fields:
    • Required fields are marked with *
    • Rich text fields include a WYSIWYG editor
    • File fields support drag-and-drop uploads
  3. Save options:
    • Save Draft: Save without publishing
    • Publish: Make content live immediately
    • Schedule: Set a future publish date

Field Types

Text Fields

  • String: Single-line text input
  • Text: Multi-line textarea
  • Slug: Auto-generated URL-friendly identifier
  • Email: Email validation included
  • URL: URL validation included

Rich Text

Rich text editor with:

  • Formatting: Bold, italic, underline, headings
  • Lists: Bullet and numbered lists
  • Links: Insert and edit links
  • Media: Embed images and videos
  • Code: Code blocks with syntax highlighting
  • Tables: Create and edit tables

Number & Date

  • Number: Integer or decimal values
  • Boolean: Toggle switch
  • Date: Date picker
  • DateTime: Date and time picker

Relationships

  • Reference: Link to other collection items
  • Multi Reference: Link to multiple items
  • Media: Link to uploaded files

Advanced

  • JSON: Structured data editor
  • Array: List of values
  • Enum: Select from predefined options
  • Location: Geographic coordinates

Editing Content

Inline Editing

Quick edits without leaving the list view:

  1. Click the Edit button on any row
  2. Make changes in the modal
  3. Save or cancel

Full Edit Mode

Open the complete edit page for complex changes:

  • All fields displayed
  • Side-by-side preview
  • Revision comparison
  • Full-screen mode available

Draft System

Work on content without affecting the live site:

  • Auto-save: Changes saved automatically as drafts
  • Version History: View and restore previous versions
  • Preview: See how content looks before publishing
  • Discard: Revert to last published version

Deleting Content

Single Item

  1. Open the item detail page
  2. Click Delete button
  3. Confirm the action

Bulk Delete

  1. Select multiple items using checkboxes
  2. Click Delete Selected in bulk actions
  3. Confirm the action

Soft Delete

Items are moved to trash instead of permanent deletion:

  • Trash: View all deleted items
  • Restore: Restore items from trash
  • Permanent Delete: Permanently remove items

Publishing Workflow

Draft Review Process

  1. Create: Author creates content as draft
  2. Review: Editor reviews and suggests changes
  3. Approve: Editor approves for publication
  4. Publish: Content goes live

Scheduled Publishing

Set content to publish automatically:

// Schedule a post for future publication
await db.posts.create({
  data: {
    title: 'Future Post',
    content: '...',
    publishAt: new Date('2025-12-25T10:00:00Z'),
  },
})

Publishing Status

  • Draft: Not published, visible only to editors
  • Published: Live on the site
  • Scheduled: Will publish automatically at set time
  • Archived: Removed from main listing but preserved

Bulk Operations

Available Actions

Select multiple items to perform:

  • Publish: Publish all selected items
  • Unpublish: Unpublish all selected items
  • Delete: Move to trash
  • Add Tags: Add tags to all selected
  • Change Author: Reassign to different author
  • Export: Download as CSV/JSON

Performing Bulk Actions

  1. Select items using checkboxes
  2. Choose action from bulk actions dropdown
  3. Configure action options
  4. Confirm and execute

Search & Filter

Search across all fields:

  • Full-text search
  • Fuzzy matching
  • Instant results
  • Highlighted matches

Advanced Filters

Create complex filters:

  • Field Filters: Filter by specific field values
  • Date Ranges: Filter by creation/modification dates
  • Status: Show only draft, published, or scheduled items
  • Author: Filter by content creator
  • Saved Filters: Save frequently used filter combinations

Media Management

Uploading Files

  • Drag and Drop: Drop files directly into media fields
  • Browse: Use file picker to select files
  • Bulk Upload: Upload multiple files at once
  • Paste: Paste images from clipboard

Media Library

Central repository for all uploaded files:

  • Folders: Organize files into folders
  • Search: Find files by name or tags
  • Metadata: View file details (size, type, dimensions)
  • Replace: Replace existing files with new versions

Best Practices

Content Organization

  1. Use Consistent Naming: Follow a naming convention
  2. Utilize Tags: Add relevant tags for easier filtering
  3. Set Publication Dates: Schedule content in advance
  4. Review Regularly: Keep content fresh and accurate

Collaboration

  1. Assign Ownership: Clearly define content responsibilities
  2. Use Comments: Leave feedback on draft content
  3. Follow Workflows: Adhere to established publishing processes
  4. Communicate Changes: Notify team members of important updates

Performance

  1. Limit Field Count: Avoid creating too many fields per collection
  2. Optimize Images: Compress images before uploading
  3. Use Pagination: Keep list pages manageable
  4. Regular Cleanup: Archive or delete old content

Next Steps

On this page