What is DeesseJS?

DeesseJS is a modern, headless CMS framework designed specifically for Next.js that provides a complete content management solution while maintaining the flexibility and performance that developers love.

Core Philosophy

DeesseJS is built as a WordPress-like CMS designed specifically for developers, built as a Next.js overlay. It runs as a layer over Next.js without modifying existing Next.js patterns, allowing seamless integration with your existing applications.

Key Features

📦 Collection-Based Content Management

Define your content structure with typed schemas and manage them through an intuitive admin interface:

// deesse.config.ts
export const config = defineConfig({
  collections: [
    {
      name: 'posts',
      fields: [
        { name: 'title', type: 'string', required: true },
        { name: 'content', type: 'richtext', required: true },
        { name: 'published', type: 'boolean', defaultValue: false },
      ],
    },
  ],
})

⚡ Server-First Architecture

Optimized for Next.js App Router and Server Components, DeesseJS delivers exceptional performance with:

• Server-side rendering by default
• Automatic code splitting
• Edge runtime support
• Smart caching strategies

🎨 Visual Page Editor

Build pages visually with drag-and-drop components, allowing content creators to design pages without touching code.

🔄 Auto-Generated API

RESTful API automatically generated from your collections with full TypeScript support:

import { db } from '@deessejs/db'

const posts = await db.posts.findMany({
  where: { published: true },
  orderBy: { createdAt: 'desc' },
})

⚙️ Type-Safe by Default

Full TypeScript support with auto-generated types from your content schemas, ensuring type safety throughout your application.

🚀 Hot Reload

See changes instantly without rebuilding - both your code and content updates reflect immediately.

🔌 Plugin System

Extend functionality with plugins and extensions to add custom admin dashboard elements and integrate with third-party services.

Architecture

Next.js Overlay

DeesseJS runs as a layer over Next.js, meaning:

• No modification of existing Next.js patterns required
• Seamless integration with existing Next.js applications
• Works with your existing routing, layouts, and components

Admin Dashboard

Admin interface accessible via /admin/[...slug] route:

• Single entry point for all administrative operations
• Full-featured dashboard for content and system management
• Integrated authentication and authorization

Who Should Use DeesseJS?

For Developers

• TypeScript-first: Full type safety and IntelliSense support
• Convention over Configuration: Sensible defaults with easy customization
• Modern Stack: Built on the latest Next.js features
• Extensible: Plugin architecture for custom functionality

For Content Creators

• Visual Editor: Drag-and-drop page building
• Intuitive Interface: Easy-to-use admin dashboard
• Real-time Preview: See changes instantly
• Media Management: Built-in file and image handling

For Teams

• Collaborative: Multiple user support with role-based access
• Workflow: Draft, review, and publish content
• Version Control: Track changes and roll back when needed
• Scalable: From small blogs to enterprise applications

What Makes DeesseJS Different?

Unlike traditional CMS solutions, DeesseJS:

1. Requires No Separate Backend: Everything runs within your Next.js application
2. Preserves Next.js Patterns: Use the Next.js features you already know
3. Provides Type Safety: Auto-generated types from your content schemas
4. Offers Flexibility: Start simple and scale as needed
5. Delivers Performance: Server-first architecture optimized for speed

Typical Use Cases

Blog & Content Sites

Perfect for blogs, documentation sites, and content-heavy websites with:

• Multiple content authors
• Scheduled publishing
• Rich media support

E-commerce

Build online stores with:

• Product catalogs
• Shopping cart integration
• Payment processing

Corporate Websites

Manage company websites with:

• Team management
• Role-based permissions
• Multi-language support

Web Applications

Power complex applications with:

• User-generated content
• Dynamic page building
• Custom workflows

Next Steps

Now that you understand what DeesseJS is, explore:

• How DeesseJS compares to other CMS solutions
• Core concepts and architecture
• Quick start guide