feat(cms): migrate from Directus to Payload v3 and remove contentlayer

apps/web/app/blog/[slug]/opengraph-image.tsx

@@ -1,5 +1,5 @@
 import { ImageResponse } from "next/og";
-import { allPosts } from "contentlayer/generated";
+import { getAllPosts } from "../../../src/lib/posts";
 import { blogThumbnails } from "../../../src/components/blog/blogThumbnails";
 import { BlogOGImageTemplate } from "../../../src/components/BlogOGImageTemplate";
 import { getOgFonts, OG_IMAGE_SIZE } from "../../../src/lib/og-helper";
@@ -16,6 +16,7 @@ export default async function Image({
   params: Promise<{ slug: string }>;
 }) {
   const { slug } = await params;
+  const allPosts = await getAllPosts();
   const post = allPosts.find((p) => p.slug === slug);
 
   let backgroundImageSrc: string | undefined = undefined;
@@ -27,11 +28,15 @@ export default async function Image({
       const fileBuffer = await fs.readFile(filePath);
 
       const ext = path.extname(post.thumbnail).substring(1).toLowerCase();
-      const mimeType = ext === "jpg" || ext === "jpeg" ? "image/jpeg" : "image/png";
+      const mimeType =
+        ext === "jpg" || ext === "jpeg" ? "image/jpeg" : "image/png";
 
       backgroundImageSrc = `data:${mimeType};base64,${fileBuffer.toString("base64")}`;
     } catch (err) {
-      console.warn(`[OG Image Generator] Could not read thumbnail file for ${slug} to use as background:`, err);
+      console.warn(
+        `[OG Image Generator] Could not read thumbnail file for ${slug} to use as background:`,
+        err,
+      );
       // Fall through to standard plain background
     }
   }

apps/web/app/blog/[slug]/page.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
-import { allPosts } from "contentlayer/generated";
+import { getAllPosts } from "../../../src/lib/posts";
 import { BlogPostHeader } from "../../../src/components/blog/BlogPostHeader";
 import { Section } from "../../../src/components/Section";
 import { Reveal } from "../../../src/components/Reveal";
@@ -11,6 +11,7 @@ import { BlogPostStickyBar } from "../../../src/components/blog/BlogPostStickyBa
 import { MDXContent } from "../../../src/components/MDXContent";
 
 export async function generateStaticParams() {
+  const allPosts = await getAllPosts();
   return allPosts.map((post) => ({
     slug: post.slug,
   }));
@@ -22,6 +23,7 @@ export async function generateMetadata({
   params: Promise<{ slug: string }>;
 }): Promise<Metadata> {
   const { slug } = await params;
+  const allPosts = await getAllPosts();
   const post = allPosts.find((p) => p.slug === slug);
 
   if (!post) return {};
@@ -48,6 +50,7 @@ export default async function BlogPostPage({
   params: Promise<{ slug: string }>;
 }) {
   const { slug } = await params;
+  const allPosts = await getAllPosts();
   const post = allPosts.find((p) => p.slug === slug);
 
   if (!post) {