လေ့ကျင့်ခန်း — Rendering Strategy Lab

function recommendRenderingStrategy(page) {
  const { name, needsSEO, changesPerUser, needsRealtimeData, updateFrequency } = page;

  if (needsRealtimeData) {
    return {
      name,
      strategy: "CSR (or hybrid shell + live connection)",
      reason: "Needs live, second-by-second data that no pre-rendered page can stay fresh for."
    };
  }

  if (changesPerUser) {
    return {
      name,
      strategy: "SSR (or CSR behind auth)",
      reason: "Content is personalized per visitor, so it cannot be pre-built once for everyone."
    };
  }

  if (needsSEO && updateFrequency === "rarely") {
    return {
      name,
      strategy: "SSG",
      reason: "Public and SEO-sensitive, but stable enough to pre-render at build time."
    };
  }

  if (needsSEO && updateFrequency !== "rarely") {
    return {
      name,
      strategy: "Hybrid (SSG + incremental revalidation) or SSR",
      reason: "Needs SEO, but content changes too often for a one-time build to stay accurate."
    };
  }

  return {
    name,
    strategy: "CSR",
    reason: "No SEO requirement and nothing personalized, so client-side rendering is simplest."
  };
}

const pages = [
  {
    name: "Marketing homepage",
    needsSEO: true,
    changesPerUser: false,
    needsRealtimeData: false,
    updateFrequency: "rarely"
  },
  {
    name: "User dashboard",
    needsSEO: false,
    changesPerUser: true,
    needsRealtimeData: false,
    updateFrequency: "often"
  },
  {
    name: "Blog",
    needsSEO: true,
    changesPerUser: false,
    needsRealtimeData: false,
    updateFrequency: "occasionally"
  },
  {
    name: "Live chat",
    needsSEO: false,
    changesPerUser: true,
    needsRealtimeData: true,
    updateFrequency: "constantly"
  }
];

for (const page of pages) {
  const result = recommendRenderingStrategy(page);
  console.log(`${result.name} -> ${result.strategy}\n  reason: ${result.reason}`);
}