← กลับไปหน้าบทเรียนบทที่ 08
8. Guides — หน้ารวม + แบบละเอียด
/guides — Topic Clusters
ของจริงใช้ Topic Clusters เพื่อจัดกลุ่มคู่มือ:
tsx
const topicClusters = [
{
title: "เริ่มใช้ ChatGPT ภาษาไทย",
description: "ตั้ง prompt, tone ภาษา และ workflow",
slugs: ["chatgpt-thai-language-setup", "chatgpt-for-work-thai", "chatgpt-vs-claude-thai"],
},
{
title: "ออกแบบภาพด้วย AI",
description: "แก้ภาพแตก ลบพื้นหลัง แปลง SVG",
slugs: ["ai-remove-background-product-photo", "ai-image-upscaler-tools", "ai-image-to-vector-svg"],
},
// ...
];Guide Detail — Content Sections
typescript
type Guide = {
slug: string;
title: string;
summary: string;
category: string;
level: string; // "beginner", "intermediate"
readingTime: string; // "8 นาที"
tags: string[];
steps: string[]; // ขั้นตอนหลัก
contentSections?: {
title: string;
body: string[];
bullets?: string[];
}[];
comparisonRows?: {
topic: string;
primary: string;
secondary: string;
note: string;
}[];
faq?: { question: string; answer: string }[];
internalLinks?: { href: string; label: string; description: string }[];
affiliateCta?: { href: string; label: string };
};📥 ดาวน์โหลดฉบับเต็ม
