Added SEO data

src/pages/blog.astro

@@ -1,10 +1,43 @@
 ---
 import MainLayout from "../layouts/main.astro";
+const posts = await Astro.glob("../pages/blog/*.mdx");
+
+const postByDate = posts
+  .sort((a, b) => {
+    return (
+      new Date(b.frontmatter.date).getTime() -
+      new Date(a.frontmatter.date).getTime()
+    );
+  })
+  .reverse();
 ---
 
-<MainLayout title="Recent Blog Entries" description="List of my most resent blog entries." blog={true}>
-  <h1 class="text-4xl">Recent Blog Entries</h1>
-  <div class="grid grid-cols-2 md:grid-cols-4">
-
-  </div>
-</MainLayout>
+<MainLayout
+  title="Recent Blog Entries"
+  description="List of my most resent blog entries."
+  blog={false}
+>
+  <h1 class="text-4xl text-center uppercase font-bold mb-8">Recent Blog Entries</h1>
+  <section class="grid grid-cols-2 md:grid-cols-4 gap-4">
+    {
+      postByDate.map((post) => (
+        <a href={`${post.url}`} class="">
+          <article class="border-2 border-gray-800 dark:border-gray-200 dark:text-gray-200 dark:hover:text-white text-gray-800 hover:text-black">
+            <img src={post.frontmatter.image} />
+            <div class="p-4">
+              <h3 class="mb-4 uppercase">
+                {post.frontmatter.title}
+              </h3>
+              <p class="text-s mb-2">
+                {post.frontmatter.exerpt}
+              </p>
+              <p class="text-s text-gray-600 dark:text-gray-400 text-sm">
+                {new Date(post.frontmatter.date).toLocaleDateString("es-US")}
+              </p>
+            </div>
+          </article>
+        </a>
+      ))
+    }
+  </section>
+</MainLayout>

src/pages/blog/optimizeing-shopify-theme.mdx

@@ -1,14 +1,14 @@
 ---
 layout: ../../layouts/main.astro
+date: 2022-08-18
 title: Optimizing performance of an old Shopify Theme
 description:
   Some tips and recommendations for optimizing and boosting performance of an
   old Shopify theme.
 exerpt:
-  In this first blog post I want to share some of the things I've learned during
-  this process, that way maybe I can help other jump through some of the hard
-  parts of successfully optimizing a Shopify theme.
-image: https://images.unsplash.com/photo-1506818144585-74b29c980d4b?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzNTMzMzl8MHwxfGFsbHx8fHx8fHx8fDE2NjA3OTI2NjA&ixlib=rb-1.2.1&q=80&w=1600&ar=16:9&fit=crop
+  Some tips and recommendations for optimizing and boosting performance of an
+  old Shopify theme.
+image: https://images.unsplash.com/photo-1506818144585-74b29c980d4b?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzNTMzMzl8MHwxfGFsbHx8fHx8fHx8fDE2NjA3OTI2NjA&ixlib=rb-1.2.1&q=80&w=350&ar=16:9&fit=crop
 ---
 
 # Optimizing an old Shopify Theme