feat: add SEO/OG config for public educator profiles

- Educators/[profileid]: server-render real profile metadata (name/bio via cache()-deduped getUserById), canonical /educators/:id, og:type profile, ProfilePage JSON-LD, notFound() on missing
- EducatorPageClient: accept server-passed educator and skip its own duplicate fetch
- Dynamic opengraph-image + twitter-image using renderOgCard (Verified Educator badge)
- renderOgCard: support custom typeLabel for the educator card
- sitemap: include educator profile URLs via fetchEducators with 5s timeout fallback

Author: IamOluwatoyin

app/[locale]/(pages)/educators/[profileid]/EducatorPageClient.jsx

@@ -33,12 +33,12 @@ import {
 } from "@/lib/config/font.config";
 import Button from "@/components/atoms/form/Button";
 
-export default function PublicEducatorPage({ params }) {
+export default function PublicEducatorPage({ params, educator: educatorProp }) {
   const { profileid } = use(params);
   const { user: currentUser } = useAuth();
   const router = useRouter();
 
-  const [educator, setEducator] = useState(null);
+  const [educator, setEducator] = useState(educatorProp || null);
   const [courses, setCourses] = useState([]);
   const [books, setBooks] = useState([]);
   const [spaces, setSpaces] = useState([]);
@@ -54,8 +54,11 @@ export default function PublicEducatorPage({ params }) {
       setLoading(true);
       setError(false);
       try {
-        const res = await getUserById(profileid);
-        const u = res?.user || null;
+        let u = educatorProp;
+        if (!u) {
+          const res = await getUserById(profileid);
+          u = res?.user || null;
+        }
         if (!u) {
           setError(true);
           setLoading(false);
@@ -100,7 +103,7 @@ export default function PublicEducatorPage({ params }) {
       }
     }
     load();
-  }, [profileid, currentUser?._id]);
+  }, [profileid, educatorProp, currentUser?._id]);
 
   const handleFollowToggle = async () => {
     if (!currentUser?._id) {

app/[locale]/(pages)/educators/[profileid]/opengraph-image.jsx

@@ -0,0 +1,33 @@
+import { getUserById } from "@/lib/actions/users/getUserById";
+import {
+  renderOgCard,
+  OG_IMAGE_SIZE,
+} from "@/components/seo/renderOgCard";
+import { truncateText } from "@/lib/utils/seo";
+
+export const runtime = "nodejs";
+export const alt = "Educator on Deen Bridge";
+export const size = OG_IMAGE_SIZE;
+export const contentType = "image/png";
+
+export default async function Image({ params }) {
+  const { profileid } = await params;
+
+  let educator = null;
+  try {
+    const res = await getUserById(profileid);
+    educator = res?.user || null;
+  } catch {
+    educator = null;
+  }
+
+  const title = educator?.name || "Meet an educator on Deen Bridge";
+  const subtitle =
+    truncateText(educator?.bio, 140) ||
+    "Courses, books and live spaces from a verified educator — on Deen Bridge.";
+  const badge = educator?.isVerified
+    ? "Verified Educator"
+    : "Educator on Deen Bridge";
+
+  return renderOgCard({ title, subtitle, badge, typeLabel: "EDUCATOR" });
+}

app/[locale]/(pages)/educators/[profileid]/page.jsx

@@ -1,24 +1,81 @@
+import { cache } from "react";
+import { notFound } from "next/navigation";
+import { getUserById } from "@/lib/actions/users/getUserById";
 import EducatorPageClient from "./EducatorPageClient";
+import { JsonLd } from "@/components/seo/JsonLd";
+import { siteUrl, siteName } from "@/lib/config/site.config";
+import { truncateText } from "@/lib/utils/seo";
+
+// getUserById uses axios (not fetch), so React cache() deduplicates the call
+// between generateMetadata and the page, keeping it to one backend hit.
+const getEducator = cache(getUserById);
+
+async function resolveEducator(profileid) {
+  const res = await getEducator(profileid);
+  return res?.user || null;
+}
 
 export async function generateMetadata({ params }) {
   const { profileid } = await params;
+  const educator = await resolveEducator(profileid);
+  if (!educator) return {};
+
+  const name = educator.name || "Educator";
+  const title = `${name} | Deen Bridge`;
+  const description =
+    truncateText(educator.bio, 160) ||
+    `Learn from ${name} — courses, books and live spaces on Deen Bridge.`;
+  const nameParts = name.split(/\s+/).filter(Boolean);
+
   return {
-    title: "Educator Profile - Deen Bridge",
-    description: "View this educator's courses, books, and spaces on Deen Bridge.",
+    title: { absolute: title },
+    description,
+    alternates: { canonical: `/educators/${profileid}` },
     openGraph: {
-      title: "Educator Profile - Deen Bridge",
-      description: "View this educator's courses, books, and spaces on Deen Bridge.",
-      url: `https://deenbridge.com/educators/${profileid}`,
+      title,
+      description,
+      url: `${siteUrl}/educators/${profileid}`,
+      siteName,
+      locale: "en_US",
       type: "profile",
+      profile: {
+        firstName: nameParts[0] || undefined,
+        lastName: nameParts.slice(1).join(" ") || undefined,
+        username: profileid,
+      },
     },
     twitter: {
       card: "summary_large_image",
-      title: "Educator Profile - Deen Bridge",
-      description: "View this educator's courses, books, and spaces on Deen Bridge.",
+      title,
+      description,
     },
   };
 }
 
-export default function EducatorPage({ params }) {
-  return <EducatorPageClient params={params} />;
+function buildProfileJsonLd(educator, profileid) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "ProfilePage",
+    mainEntity: {
+      "@type": "Person",
+      name: educator.name,
+      url: `${siteUrl}/educators/${profileid}`,
+      description: truncateText(educator.bio, 200) || undefined,
+      image: educator.avatar || undefined,
+    },
+  };
 }
+
+export default async function EducatorPage({ params }) {
+  const { profileid } = await params;
+  const educator = await resolveEducator(profileid);
+
+  if (!educator) return notFound();
+
+  return (
+    <>
+      <JsonLd data={buildProfileJsonLd(educator, profileid)} />
+      <EducatorPageClient params={params} educator={educator} />
+    </>
+  );
+}

app/[locale]/(pages)/educators/[profileid]/twitter-image.jsx

@@ -0,0 +1,33 @@
+import { getUserById } from "@/lib/actions/users/getUserById";
+import {
+  renderOgCard,
+  OG_IMAGE_SIZE,
+} from "@/components/seo/renderOgCard";
+import { truncateText } from "@/lib/utils/seo";
+
+export const runtime = "nodejs";
+export const alt = "Educator on Deen Bridge";
+export const size = OG_IMAGE_SIZE;
+export const contentType = "image/png";
+
+export default async function Image({ params }) {
+  const { profileid } = await params;
+
+  let educator = null;
+  try {
+    const res = await getUserById(profileid);
+    educator = res?.user || null;
+  } catch {
+    educator = null;
+  }
+
+  const title = educator?.name || "Meet an educator on Deen Bridge";
+  const subtitle =
+    truncateText(educator?.bio, 140) ||
+    "Courses, books and live spaces from a verified educator — on Deen Bridge.";
+  const badge = educator?.isVerified
+    ? "Verified Educator"
+    : "Educator on Deen Bridge";
+
+  return renderOgCard({ title, subtitle, badge, typeLabel: "EDUCATOR" });
+}

app/sitemap.js

@@ -1,6 +1,7 @@
 import { siteUrl, publicRoutes } from "@/lib/config/site.config";
 import { fetchCourses } from "@/lib/actions/courses/fetch-courses";
 import { fetchBooks } from "@/lib/actions/library/fetch-books";
+import { fetchEducators } from "@/lib/actions/educators/fetch-educators";
 
 const API_TIMEOUT_MS = 5000;
 
@@ -36,6 +37,12 @@ function normalizeBooks(response) {
   return [];
 }
 
+function normalizeEducators(response) {
+  if (Array.isArray(response)) return response;
+  if (response?.educators) return response.educators;
+  return [];
+}
+
 export default async function sitemap() {
   const lastModified = new Date();
 
@@ -48,6 +55,7 @@ export default async function sitemap() {
 
   let courseEntries = [];
   let bookEntries = [];
+  let educatorEntries = [];
 
   try {
     const courses = await withTimeout(fetchCourses());
@@ -79,5 +87,20 @@ export default async function sitemap() {
     );
   }
 
-  return [...staticEntries, ...courseEntries, ...bookEntries];
+  try {
+    const educators = await withTimeout(fetchEducators());
+    educatorEntries = normalizeEducators(educators).map((educator) => ({
+      url: `${siteUrl}/educators/${educator._id || educator.id}`,
+      lastModified: safeDate(educator.updatedAt, lastModified),
+      changeFrequency: "weekly",
+      priority: 0.7,
+    }));
+  } catch (error) {
+    console.warn(
+      "sitemap: educator profile fetch failed, returning static routes only.",
+      error?.message ?? error
+    );
+  }
+
+  return [...staticEntries, ...courseEntries, ...bookEntries, ...educatorEntries];
 }

components/seo/renderOgCard.js

@@ -7,9 +7,14 @@ export const OG_IMAGE_SIZE = { width: 1200, height: 630 };
  * Renders an ImageResponse social card. Shared by the opengraph-image and
  * twitter-image routes for courses and books.
  */
-export function renderOgCard({ title, subtitle, badge }) {
+export function renderOgCard({ title, subtitle, badge, typeLabel }) {
   return new ImageResponse(
-    <OgBrandCard title={title} subtitle={subtitle} badge={badge} />,
+    <OgBrandCard
+      title={title}
+      subtitle={subtitle}
+      badge={badge}
+      typeLabel={typeLabel}
+    />,
     OG_IMAGE_SIZE
   );
 }