BlogProduce API

{
  "success": true,
  "data": {
    "id": "9c8d7e6f-...",
    "title": "...",
    "slug": "...",
    "excerpt": "...",
    "content": "<h1>...</h1><p>...</p>",     // in the requested format
    "contentFormat": "html",
    "content_html": "<h1>...</h1><p>...</p>", // always-available HTML rendering
    "status": "draft",
    "language": "en",
    "coverImageUrl": null,
    "publishedAt": null,
    "createdAt": "2026-08-04T10:12:00.000Z",
    "updatedAt": "2026-08-04T10:14:00.000Z",
    "author": { "name": "...", "email": "..." },
    "tags": [],
    "seo": {
      "metaTitle": "...",
      "metaDescription": "...",
      "ogTitle": "...",
      "ogDescription": "...",
      "schemaJsonld": { "@context": "https://schema.org" }
    }
  }
}

curl -X POST "https://api.blogproduce.com/api/v1/posts/POST_ID/publish" \
  -H "Authorization: Bearer bg_secret_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{ "slug": "optional-custom-slug" }'

# 200 OK
# {
#   "success": true,
#   "data": {
#     "id": "9c8d7e6f-...",
#     "status": "published",
#     "slug": "how-to-choose-a-crm-for-a-small-business",
#     "publishedAt": "2026-08-04T10:20:00.000Z",
#     "message": "Post published successfully"
#   }
# }

// npm i isomorphic-dompurify
import DOMPurify from 'isomorphic-dompurify';

// app/blog/page.tsx — list published posts (server component)
export default async function BlogPage() {
  const res = await fetch('https://api.blogproduce.com/api/v1/published?limit=20', {
    headers: { Authorization: `Bearer ${process.env.BLOGPRODUCE_API_KEY}` },
    next: { revalidate: 300 }, // ISR: refresh every 5 minutes
  });
  const { data } = await res.json();
  const posts = data.posts; // data also carries { cursor, hasMore }

  return (
    <main>
      {posts.map((post) => (
        <a key={post.id} href={`/blog/${post.slug}`}>
          <h2>{post.title}</h2>
          <p>{post.excerpt}</p>
        </a>
      ))}
    </main>
  );
}

// app/blog/[slug]/page.tsx — render a single post
export default async function PostPage({ params }) {
  const res = await fetch(
    `https://api.blogproduce.com/api/v1/published/${params.slug}?format=html`,
    {
      headers: { Authorization: `Bearer ${process.env.BLOGPRODUCE_API_KEY}` },
      next: { revalidate: 300 },
    },
  );
  const { data: post } = await res.json();

  // content_html is sanitized server-side, but sanitize again at the render
  // boundary — it is the one place that protects you regardless of what
  // reaches the content upstream.
  const html = DOMPurify.sanitize(post.content_html);

  return (
    <article>
      <h1>{post.title}</h1>
      <div dangerouslySetInnerHTML={{ __html: html }} />
    </article>
  );
}

// No key needed — safe for client-side code
const res = await fetch(
  'https://api.blogproduce.com/api/v1/public/projects/YOUR_PROJECT_SLUG/posts?limit=10',
);
const { data } = await res.json();

for (const post of data.posts) {
  console.log(post.title, post.slug, post.publishedAt);
}
// data.cursor + data.hasMore -> cursor pagination, same as the Posts API