CMS postsPro

• Status filters
• Title, excerpt, tags, body
• Word count and read time
• Preview and publish

• Blog and content admin.

• Rich text editing: add a real editor for the body.

Import it from @/components/blocks/cms-posts after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { CmsPosts } from "@/components/blocks/cms-posts";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <CmsPosts />
    </main>
  );
}

• Every field is labelled; tags have labelled remove buttons.

• Posts animate between status lists.

• The editor moves under the list below 1024px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Read time is word count ÷ 230, rounded, at least one minute.