A data management framework for Next.js

DeepDish is an alternative to traditional CMS systems. Start your project today and manage data with React server components.

Why use DeepDish?

🚀

React server components

Built on top of RSCs for optimal performance and developer experience.

âš¡

Next.js integration

Seamless integration with the Next.js app router, leveraging server-side rendering capabilities.

🔧

Flexible architecture

Adaptable to various content structures and management needs.

About DeepDish

We were frustrated with existing CMS systems and wanted to build a framework that worked for development and marketing teams alike. DeepDish empowers both devs and content creators with a modern, flexible data management system.

  • Flexible content modeling
  • Delightful developer experience
  • Intuitive interface for editing content

Get started with DeepDish

1. Install DeepDish packages

npm install @deepdish/ui

2. Use DeepDish in your app

import { Header1 } from "@deepdish/ui/typography";

export default function Home() {
  return (
    <div>
      <Header1 deepdish={{ key: "title" }}>Default value</Header1>
    </div>
  );
}

3. For a full getting started guide, visit the Github repo

An example of the DeepDish Workbench toolbar!