Critical content accessible to Googlebot; no cloaking between bot and users

Client-only rendering of product descriptions, article bodies, and pricing leaves Googlebot with empty shells — the rendering budget times out before your JavaScript finishes, so the page gets indexed with zero substantive content. User-agent-based cloaking goes further and earns manual action penalties under Google's Spam Policies, which can deindex the entire domain. Either failure mode silently collapses organic traffic on your highest-value commerce and content routes.

Move critical content into Server Components or static generation so it exists in the HTML source before hydration. Never branch rendering on req.headers['user-agent']. Use app/products/[slug]/page.tsx as a server component:

export default async function ProductPage({ params }) {
  const product = await fetchProduct(params.slug)
  return <article><h1>{product.name}</h1><p>{product.description}</p></article>
}