fix: order blogposts

Author: thedaviddias

app/[lang]/opengraph-image/route.tsx

@@ -10,9 +10,6 @@ export const size = {
 
 export async function GET(req: NextRequest) {
   try {
-    // Get the language from the URL
-    const lang = req.nextUrl.pathname.split('/')[1] || 'en'
-
     // Get the base URL from the request
     const protocol = req.headers.get('x-forwarded-proto') || 'http'
     const host = req.headers.get('host') || 'localhost:3000'
@@ -45,6 +42,7 @@ export async function GET(req: NextRequest) {
             backgroundColor: '#000',
           }}
         >
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             src={dataUrl}
             alt=""

app/_components/blog.tsx

@@ -13,9 +13,15 @@ export async function generateMetadata() {
 export const Blog: FC<{ lang: string }> = async ({ lang }) => {
   const pageMap = (await getPageMap(`/${lang}/blog`)) as unknown as MdxFile[]
 
-  return pageMap.map(page => {
-    if (page.name === 'index') return
+  const sortedPages = pageMap
+    .filter(page => page.name !== 'index')
+    .sort((a, b) => {
+      const dateA = new Date(a.frontMatter?.date).getTime()
+      const dateB = new Date(b.frontMatter?.date).getTime()
+      return dateB - dateA
+    })
 
+  return sortedPages.map(page => {
     const { title, description, date } = page.frontMatter!
 
     return (

app/api/og/route.tsx

@@ -49,6 +49,7 @@ export async function GET(req: NextRequest) {
             backgroundColor: '#000',
           }}
         >
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             src={dataUrl}
             alt=""