blog page -> articles

Author: olexandrbig

app/blog/page.tsx

@@ -1,11 +1,11 @@
 import DynamicTextField from '@/components/DynamicTextField';
 import getDynamicTextFieldMetadata from '@/utils/getDynamicTextField';
 import Footer from "@/components/Footer";
+import {DocsDescription, DocsTitle} from "fumadocs-ui/page";
 
 
-export default function SwiftForAndroid() {
+export default function BlogPage() {
   const postMatadata = getDynamicTextFieldMetadata("content/Blog")
-
   return (
     <div>
       <div
@@ -15,7 +15,11 @@ export default function SwiftForAndroid() {
           {<div className="container prose">
             {postMatadata.map((post, postIndex) => {
               return (
-                <DynamicTextField key={postIndex} post={post}/>
+                <div className="mb-16" key={postIndex}>
+                  <DocsTitle>{post.title}</DocsTitle>
+                  <DocsDescription>{post.publishedFormated}</DocsDescription>
+                  <DynamicTextField key={postIndex} post={post}/>
+                </div>
               )
             })}
           </div>}

content/Blog/Beta2.md

@@ -0,0 +1,5 @@
+---
+title: Beta 2 of SCADE AppLogic released
+publishedDate: 2025-02-11T10:10:10.000Z
+---
+SCADE AppLogic is further maturing with the release of our beta 2.

content/Blog/Blog.md

@@ -0,0 +1,5 @@
+---
+title: Redesigned www.scade.io is now live
+publishedDate: 2025-07-16T10:10:10.000Z
+---
+We are pleased to announced our redesigned websites. Both the main page and the technical documentation has been redesigned.

content/Blog/Redesigned.md

@@ -8,16 +8,19 @@ export default function getDynamicTextField (basePath)  {
 
     const posts = markdownPost.map((filename) => {
         const fileContents = fs.readFileSync(`${basePath}/${filename}`, "utf-8")
-        const matterResult = matter(fileContents)
+        const matterResult = matter(fileContents);
+        const date = new Date(matterResult.data.publishedDate)
         return{
+            publishedDate: date,
+            publishedFormated: date.toLocaleDateString(),
+            description: matterResult.data.description,
             title: matterResult.data.title,
             id: matterResult.data.id,
-
             content: matterResult.content,
         }
 
     })
-    return posts
+    return posts.sort((a, b) => b.publishedDate - a.publishedDate)
 }