Claude Code से ब्लॉग CMS बनाएं: Astro MDX, बहुभाषी SEO, QA और कमाई की workflow

ब्लॉग CMS सिर्फ लिखने की जगह नहीं, revenue workflow है

कई technical blogs लगातार लेख प्रकाशित करते हैं, फिर भी training request, template sale या consultation lead नहीं मिलती। समस्या अक्सर लेख की भाषा में नहीं, बल्कि publishing workflow में होती है: metadata अधूरा, translation पुरानी, code बिना test, RSS और sitemap गायब, और CTA ऐसा जो पाठक की अगली जरूरत से जुड़ा नहीं।

CMS का अर्थ है Content Management System, यानी content को एक तय format में रखना, edit करना, check करना, preview करना और publish करना। Astro Content Collections और MDX के साथ यह CMS file-based हो सकता है, फिर भी काफी मजबूत हो सकता है। Claude Code को केवल writer की तरह नहीं, बल्कि editorial operator की तरह इस्तेमाल करें: draft, localization, QA, SEO metadata और monetization path सबकी जांच।

संबंधित लेखों में Claude Code और Contentful CMS, content funnel audit, RSS implementation और sitemap generation उपयोगी हैं। Official reference के लिए Astro Content Collections, MDX integration और Sitemap integration देखें।

CMS की जिम्मेदारियां अलग रखें

Claude Code से सिर्फ “blog CMS बनाओ” कहना बहुत broad है। बेहतर है कि schema, MDX content, localization, preview, SEO, QA और monetization को अलग-अलग जिम्मेदारी के रूप में लिखा जाए।

हिस्सा	काम	Claude Code के लिए अच्छा task
content schema	frontmatter fields और types तय करना	content.config.ts लिखना
MDX articles	body, tables, code और CTA संभालना	draft सुधारना, examples जोड़ना
localization	हर भाषा में same slug रखना	missing files ढूंढना, natural translation
preview	publish से पहले display देखना	dev server चलाना, links जांचना
SEO	title, description, OGP, sitemap	metadata audit करना
QA gate	publish से पहले गलतियां रोकना	Node validation script लिखना
monetization	article से product, training, consultation जोड़ना	CTA path review करना

तीन असली use cases

पहला use case है indie developer का paid template business। Claude Code tutorial के अंत में starter template, prompt library या mini course का CTA रखा जा सकता है। इसके लिए CMS में ctaLabel, ctaUrl, relatedPosts, updatedDate और heroImage जैसे fields चाहिए।

दूसरा use case है company engineering blog। यहां risk है कि article दिखने में सही हो, पर API पुरानी हो, code run न करे, केवल एक भाषा update हुई हो या OGP image टूट गई हो। Claude Code को pre-publish review gate चलाने दें।

तीसरा use case है multilingual SEO। दस भाषाओं में content हो तो slug contract है। Title local हो सकता है, लेकिन main claim, code examples और CTA intent सभी languages में aligned रहने चाहिए।

site/src/content/blog/claude-code-blog-cms.mdx
site/src/content/blog-en/claude-code-blog-cms.mdx
site/src/content/blog-zh/claude-code-blog-cms.mdx
site/src/content/blog-ko/claude-code-blog-cms.mdx
site/src/content/blog-es/claude-code-blog-cms.mdx
site/src/content/blog-fr/claude-code-blog-cms.mdx
site/src/content/blog-de/claude-code-blog-cms.mdx
site/src/content/blog-pt/claude-code-blog-cms.mdx
site/src/content/blog-hi/claude-code-blog-cms.mdx
site/src/content/blog-id/claude-code-blog-cms.mdx

Copy-paste Astro content schema

Schema का मतलब है content data के लिए rule। यह build से पहले बता देता है कि date missing है, description बहुत लंबी है या language code गलत है।

// src/content.config.ts
import { defineCollection, z } from "astro:content";
import { glob } from "astro/loaders";

const blogSchema = z.object({
  title: z.string().min(20).max(80),
  description: z.string().min(40).max(120),
  pubDate: z.coerce.date(),
  updatedDate: z.coerce.date(),
  category: z.enum(["getting-started", "tips-and-tricks", "use-cases", "comparison", "advanced"]),
  tags: z.array(z.string()).min(2).max(8),
  heroImage: z.string().startsWith("/images/"),
  draft: z.boolean().default(false),
  requireAllLocales: z.boolean().default(false),
  lang: z.enum(["ja", "en", "zh", "ko", "es", "fr", "de", "pt", "hi", "id"]),
  ctaLabel: z.string().max(40).optional(),
  ctaUrl: z.string().url().optional(),
});

const makeBlogCollection = (base: string) =>
  defineCollection({
    loader: glob({ pattern: "**/*.{md,mdx}", base }),
    schema: blogSchema,
  });

export const collections = {
  blog: makeBlogCollection("./src/content/blog"),
  "blog-en": makeBlogCollection("./src/content/blog-en"),
  "blog-zh": makeBlogCollection("./src/content/blog-zh"),
  "blog-ko": makeBlogCollection("./src/content/blog-ko"),
  "blog-es": makeBlogCollection("./src/content/blog-es"),
  "blog-fr": makeBlogCollection("./src/content/blog-fr"),
  "blog-de": makeBlogCollection("./src/content/blog-de"),
  "blog-pt": makeBlogCollection("./src/content/blog-pt"),
  "blog-hi": makeBlogCollection("./src/content/blog-hi"),
  "blog-id": makeBlogCollection("./src/content/blog-id"),
};

MDX frontmatter example

MDX को ऐसे समझें: Markdown जिसमें जरूरत पड़ने पर components भी इस्तेमाल हो सकते हैं। Frontmatter article की metadata sheet है, जिससे list page, RSS, OGP, sitemap और CTA काम करते हैं।

---
title: "Claude Code से ब्लॉग CMS बनाएं: Astro MDX, बहुभाषी SEO, QA और कमाई की workflow"
description: "Claude Code और Astro MDX से schema, localization, SEO, QA और CTA वाला ब्लॉग CMS बनाना सीखें।"
pubDate: "2025-12-22"
updatedDate: "2026-06-02"
category: "use-cases"
tags: ["Claude Code", "CMS", "ब्लॉग", "Astro", "MDX"]
heroImage: "/images/hero/hero-036.png"
lang: "hi"
ctaLabel: "Claude Code content consultation book करें"
ctaUrl: "https://example.com/consulting"
---

## पहला section

यह लेख writing, localization, SEO, QA और monetization CTA को एक publishing workflow में जोड़ता है।

Node validation script

इसे scripts/validate-blog-cms.mjs में save करें और site root से node scripts/validate-blog-cms.mjs claude-code-blog-cms चलाएं।

// scripts/validate-blog-cms.mjs
import fs from "node:fs";
import path from "node:path";

const slug = process.argv[2];
if (!slug) {
  console.error("Usage: node scripts/validate-blog-cms.mjs <slug>");
  process.exit(1);
}

const locales = [["blog", "ja"], ["blog-en", "en"], ["blog-zh", "zh"], ["blog-ko", "ko"], ["blog-es", "es"], ["blog-fr", "fr"], ["blog-de", "de"], ["blog-pt", "pt"], ["blog-hi", "hi"], ["blog-id", "id"]];
const root = path.join(process.cwd(), "src", "content");
const failures = [];

function readFrontmatter(source) {
  const match = source.match(/^---\n([\s\S]*?)\n---/);
  if (!match) return {};
  return Object.fromEntries(match[1].split("\n").flatMap((line) => {
    const index = line.indexOf(":");
    if (index === -1) return [];
    return [[line.slice(0, index).trim(), line.slice(index + 1).trim().replace(/^"|"$/g, "")]];
  }));
}

for (const [dir, lang] of locales) {
  const file = path.join(root, dir, `${slug}.mdx`);
  const source = fs.existsSync(file) ? fs.readFileSync(file, "utf8") : "";
  const data = readFrontmatter(source);
  if (!source) failures.push(`${dir}: missing file`);
  if (data.lang !== lang) failures.push(`${dir}: wrong lang`);
  if (!data.updatedDate) failures.push(`${dir}: missing updatedDate`);
  if ((data.description || "").length > 120) failures.push(`${dir}: description too long`);
  if (!/https:\/\/docs\.astro\.build/.test(source)) failures.push(`${dir}: missing official docs`);
  if (!/\]\(\/blog\/claude-code-/.test(source)) failures.push(`${dir}: missing internal link`);
  if (!/(CTA|consultation|training|सलाह)/i.test(source)) failures.push(`${dir}: missing CTA`);
  if ((source.match(/`{3}/g) || []).length < 6) failures.push(`${dir}: fewer than three code blocks`);
}

if (failures.length) {
  console.error(failures.map((item) => `- ${item}`).join("\n"));
  process.exit(1);
}
console.log(`OK: ${slug} passed localized CMS checks.`);

Claude Code के लिए publish prompt

Rewrite the article for slug <slug> as a production-ready Astro MDX blog post.
- Edit only the localized files for this slug.
- Keep heroImage and category.
- Add updatedDate: "2026-06-02".
- Keep description within 120 characters.
- Include 3 real use cases, concrete pitfalls, runnable code, official Astro docs, internal links, and a monetization CTA.
- Report changed files and focused check results.

Pitfalls और verified result

Common failures हैं: सिर्फ एक language update करना, Claude Code को बहुत broad write scope देना, pseudocode को implementation की तरह publish करना, RSS/sitemap/OGP भूल जाना, या CTA को केवल sales banner बना देना। बेहतर path है checklist, template, training और फिर consultation।

मैंने इस workflow को छोटे Astro setup में test किया। Schema ने missing dates रोकीं, और Node script ने लंबी description, official docs link की कमी, internal link की कमी और CTA missing पकड़ा। Hindi की natural quality और consultation offer की ताकत automatic check से पूरी तरह नहीं पता चलती, इसलिए final human review जरूरी है।