CMS モジュールの使用方法

export interface PostConfig {
  postType: PostType;                    // コンテンツタイプ
  schema: z.ZodSchema;                   // 検証スキーマ
  actionSchema: z.ZodSchema;             // アクション検証スキーマ
  imagePath: string;                     // 画像保存パス
  enableTags: boolean;                   // タグを有効にするかどうか
  localDirectory?: string;               // ローカル MDX ファイルディレクトリ（オプション）
  viewCount: ViewCountConfig;            // 閲覧数統計設定
  showCoverInList: boolean;              // リストページでカバー画像を表示するかどうか
  routes: {                              // ルート設定
    list: string;
    create: string;
    edit: (id: string) => string;
  };
}

export interface ViewCountConfig {
  enabled: boolean;      // 閲覧数統計を有効にするかどうか
  mode: 'all' | 'unique'; // 統計モード
  showInUI: boolean;     // UI に表示するかどうか
}

interface TiptapEditorProps {
  content: string;
  onChange: (content: string) => void;
  placeholder?: string;
  disabled?: boolean;
  enableYoutube?: boolean;        // YouTube 動画を有効にする
  enableImage?: boolean;          // 画像アップロードを有効にする
  enableCodeBlock?: boolean;      // コードブロックを有効にする
  enableTable?: boolean;          // テーブルを有効にする
  enableBlockquote?: boolean;     // ブロッククォートを有効にする
  enableHorizontalRule?: boolean; // 水平線を有効にする
  enableR2Selector?: boolean;     // R2 リソースセレクターを有効にする
  r2PublicUrl?: string;           // R2 パブリックアクセス URL
  imageUploadConfig?: {
    maxSize?: number;             // ファイルサイズ制限（バイト）
    filenamePrefix?: string;      // ファイル名プレフィックス
    path?: string;                // アップロードパス
  };
  enableTranslation?: boolean;    // AI 翻訳を有効にする
  postType?: PostType;            // コンテンツタイプ
  outputFormat?: "markdown" | "text" | "html"; // 出力形式
}

export const postTypeEnum = pgEnum('post_type', [
  'blog',
  'glossary',
  'guide', // 新規追加
])

pnpm db:generate
pnpm db:migrate

export const POST_CONFIGS: Record<PostType, PostConfig> = {
  blog: {
    // ... 既存の設定
  },
  glossary: {
    // ... 既存の設定
  },
  // 新しい guide 設定
  guide: {
    postType: "guide",
    schema: basePostSchema,
    actionSchema: postActionSchema,
    imagePath: GUIDE_IMAGE_PATH, // config/common.ts で定義する必要がある
    enableTags: true,
    // localDirectory: 'guides', // ローカル MDX ファイルをサポートする必要がある場合
    viewCount: {
      enabled: true,  // 閲覧数統計を有効にする
      mode: 'unique', // ユニーク IP 統計を使用
      showInUI: true,
    },
    showCoverInList: true,
    routes: {
      list: "/dashboard/guides",
      create: "/dashboard/guides/new",
      edit: (id: string) => `/dashboard/guides/${id}`,
    },
  },
};

export const GUIDE_IMAGE_PATH = "guide-images";
 
export const R2_CATEGORIES: R2Category[] = [
  { name: "All", prefix: "" },
  { name: "Admin Uploads", prefix: `${ADMIN_UPLOAD_IMAGE_PATH}/` },
  { name: "Blogs Images", prefix: `${BLOGS_IMAGE_PATH}/` },
  { name: "Glossary Images", prefix: `${GLOSSARY_IMAGE_PATH}/` },
  { name: "Guide Images", prefix: `${GUIDE_IMAGE_PATH}/` }, // 新規追加
];

// postType を "guide" に変更
const result = await listPostsAction({
  pageIndex: 0,
  pageSize: PAGE_SIZE,
  postType: "guide", // ここを変更
});
 
// 設定を更新
<PostDataTable
  config={{
    postType: "guide", // ここを変更
    columns,
    listAction: listPostsAction,
    createUrl: "/dashboard/guides/new", // ここを変更
    enableTags: true,
    searchPlaceholder: "Search guides...", // ここを変更
  }}
  // ...
/>

<PostEditorClient
  postType="guide" // ここを変更
  mode="create" // または "edit"
  r2PublicUrl={r2PublicUrl}
  postId={postId}
/>

// CMS モジュールインスタンスを作成（lib/cms/index.ts で）
export const guideCms = createCmsModule('guide');
 
// ページで使用
const { posts: localPosts } = await guideCms.getLocalList(locale);
 
const initialServerPostsResult = await listPublishedPostsAction({
  pageIndex: 0,
  pageSize: SERVER_POST_PAGE_SIZE,
  postType: "guide", // ここを変更
  locale: locale,
});
 
// タグ
const tagsResult = await listTagsAction({ postType: "guide" });
 
// PostList コンポーネント
<PostList
  postType="guide"
  baseUrl="/guide"
  localPosts={localPosts}
  initialPosts={initialServerPosts}
  initialTotal={totalServerPosts}
  serverTags={serverTags}
  locale={locale}
  pageSize={SERVER_POST_PAGE_SIZE}
  showTagSelector={true}
  showCover={POST_CONFIGS.guide.showCoverInList}
  emptyMessage="No guides found for this tag."
/>

// guideCms を使用してコンテンツを取得
const { post, errorCode } = await guideCms.getBySlug(slug, locale);
 
// 閲覧数統計
const viewCountConfig = POST_CONFIGS.guide.viewCount;
if (viewCountConfig.enabled) {
  if (viewCountConfig.mode === "unique") {
    await incrementUniqueViewCountAction({ slug, postType: "guide", locale });
  } else {
    await incrementViewCountAction({ slug, postType: "guide", locale });
  }
}
 
// 関連記事
<RelatedPosts
  postId={post.id}
  postType="guide"
  limit={10}
  title="Related Guides"
  locale={locale}
  CardComponent={GuidePostCard}
/>

// ファイルの末尾に追加
export const guideCms = createCmsModule('guide');

// guide リストページを追加
{
  url: `${siteUrl}/${locale}/guide`,
  lastModified: new Date(),
  changeFrequency: 'daily',
  priority: 0.8,
}
 
// guide 詳細ページを追加
const guideResult = await listPublishedPostsAction({
  locale: locale,
  pageSize: 1000,
  visibility: "public",
  postType: "guide",
});
 
if (guideResult.success && guideResult.data?.posts) {
  guideResult.data.posts.forEach((post) => {
    sitemap.push({
      url: `${siteUrl}/${locale}/guide/${post.slug}`,
      lastModified: post.updatedAt ? new Date(post.updatedAt) : new Date(),
      changeFrequency: 'weekly',
      priority: 0.7,
    });
  });
}