Dispatch

Add a blog to your React app in 5 minutes.

Dispatch is a developer-first CMS layer for existing React applications. It does not generate your frontend — it powers content inside your app.

How Dispatch Works

Your React AppDispatch APIDatabase

Install SDK into your app
Create content in Dispatch dashboard
Render posts in your own frontend

Dispatch does not host frontend sites — your app stays yours.

New to Dispatch?

Scaffold a Next.js app with the blog already wired up:

npx create-dispatch-app my-app

Then cd my-app, add your site key to .env.local, and run npm run dev. See the Quickstart for the full guide.

Or add to an existing app

npm install @dispatchcms/react

Usage

Wrap your app with the provider and pass your site key.

import { DispatchProvider } from "@dispatchcms/react";

export default function App({ children }) {
  return (
    <DispatchProvider siteKey="YOUR_KEY">
      {children}
    </DispatchProvider>
  );
}

Fetch a single post by slug with usePost.

import { usePost } from "@dispatchcms/react";

export default function PostPage({ slug }) {
  const { post } = usePost(slug);

  if (!post) return <div>Loading...</div>;

  return <article>{post.title}</article>;
}