feat(cases): mídia no topo, títulos de busca curtos e CreativeWork

Case com mídia ao lado do título e play acessível; problema de cada cliente reescrito com base nos dados; serviços relacionados em 2 cards; FAQ antes do próximo passo e bloco 'Onde já apliquei isso'; Apolo citada em IoT e arquitetura. metaTitle até 43 caracteres e descrições até 155 com teste; JSON-LD CreativeWork; imagens de compartilhamento abaixo de 100 KB; 404 e robots corrigidos; server-only nos módulos com node:.

app/cases/[slug]/opengraph-image.tsx

@@ -2,9 +2,10 @@ import { notFound } from "next/navigation";
 import { ImageResponse } from "next/og";
 import {
   OG_CONTENT_TYPE,
+  OG_PHOTO_CONTENT_TYPE,
   OG_SIZE,
   OgCard,
-  readProjectOgBackground,
+  readProjectOgImage,
 } from "@/lib/og-card";
 import { caseStudies, isClientCase } from "@/lib/site-content";
 
@@ -12,12 +13,15 @@ function getCaseStudy(slug: string) {
   return caseStudies.find(({ id }) => id === slug);
 }
 
+// Quem tem a capa gravada (public/videos/<id>/og.jpg, abaixo de 150 KB) a entrega como está, em JPEG: o cartão em PNG com a capa de fundo passava de 270 KB.
 function getImageMetadata(caseStudy: (typeof caseStudies)[number]) {
   return {
     id: caseStudy.id,
     alt: `Case ${caseStudy.title} — Evandro Fonseca Junior`,
     size: OG_SIZE,
-    contentType: OG_CONTENT_TYPE,
+    contentType: readProjectOgImage(caseStudy.id)
+      ? OG_PHOTO_CONTENT_TYPE
+      : OG_CONTENT_TYPE,
   };
 }
 
@@ -46,6 +50,16 @@ export default async function Image({
   const caseStudy = getCaseStudy(slug);
   if (!caseStudy || imageId !== caseStudy.id) notFound();
 
+  const photo = readProjectOgImage(caseStudy.id);
+  if (photo) {
+    return new Response(new Uint8Array(photo), {
+      headers: {
+        "Content-Type": OG_PHOTO_CONTENT_TYPE,
+        "Cache-Control": "public, max-age=86400",
+      },
+    });
+  }
+
   return new ImageResponse(
     <OgCard
       eyebrow={
@@ -53,7 +67,6 @@ export default async function Image({
       }
       title={caseStudy.title}
       description={caseStudy.summary}
-      backgroundImage={readProjectOgBackground(caseStudy.id)}
     />,
     OG_SIZE,
   );