[#777,#745,docs,blog][l]: review /doc, add blogs, add examples blog posts

site/pages/blog.tsx

@@ -0,0 +1,39 @@
+import Layout from '@/components/Layout';
+import clientPromise from '@/lib/mddb';
+import { BlogsList, SimpleLayout } from '@flowershow/core';
+
+export default function Blog({ blogs }) {
+  return (
+    <>
+      <Layout>
+        <SimpleLayout title="Blog posts">
+          <BlogsList blogs={blogs} />
+        </SimpleLayout>
+      </Layout>
+    </>
+  );
+}
+
+export async function getStaticProps() {
+  const mddb = await clientPromise;
+  let blogs = await mddb.getFiles({
+    folder: 'blog',
+    extensions: ['md', 'mdx'],
+  });
+
+  const blogsSorted = blogs.sort(
+    (a, b) =>
+      new Date(b.metadata.date).getTime() - new Date(a.metadata.date).getTime()
+  );
+
+  //  Temporary, flowershow/BlogsList expects the contentlayer fields
+  const blogsObjects = blogsSorted.map((b) => {
+    return { ...b, ...b.metadata };
+  });
+
+  return {
+    props: {
+      blogs: blogsObjects,
+    },
+  };
+}