feat(blog): add blog post pages and listing

Author: vignesh-gupta

.vscode/mcp.json

@@ -2,11 +2,20 @@
   "servers": {
     "next-devtools": {
       "command": "pnpx",
-      "args": ["next-devtools-mcp@latest"]
+      "args": [
+        "next-devtools-mcp@latest"
+      ]
     },
     "Sanity": {
       "url": "https://mcp.sanity.io",
       "type": "http"
+    },
+    "shadcn": {
+      "command": "pnpx",
+      "args": [
+        "shadcn@latest",
+        "mcp"
+      ]
     }
   }
 }

content/blog/hello-world.md

@@ -0,0 +1,30 @@
+---
+title: "Hello World - My First Blog Post"
+date: "2024-01-15"
+excerpt: "Welcome to my blog! This is my first post where I introduce myself and share my thoughts on web development."
+---
+
+# Hello World!
+
+Welcome to my blog! I'm excited to share my thoughts, experiences, and learnings about web development, design, and technology.
+
+## What You Can Expect
+
+In this blog, I'll be writing about:
+
+- Web development trends and best practices
+- My experiences building projects
+- Tutorials and code snippets
+- Design inspiration and insights
+- Technology reviews and opinions
+
+## Getting Started
+
+This blog is built with Next.js and styled with Tailwind CSS, just like the rest of my portfolio. I'll be using Markdown for writing posts, which makes it easy to format content and include code snippets.
+
+```typescript
+const welcomeMessage = "Hello, world!";
+console.log(welcomeMessage);
+```
+
+Thank you for visiting, and I hope you find the content valuable. Stay tuned for more posts!

package.json

@@ -30,9 +30,11 @@
     "canvas-confetti": "^1.9.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "gray-matter": "^4.0.3",
     "lucide-react": "^0.555.0",
     "motion": "^12.23.24",
     "next": "16.0.5",
+    "next-mdx-remote": "^5.0.0",
     "next-sanity": "^11.6.10",
     "next-themes": "^0.4.6",
     "react": "19.2.0",
@@ -52,6 +54,7 @@
     "eslint": "^9.39.1",
     "eslint-config-next": "16.0.5",
     "postcss": "^8.5.6",
+    "shadcn": "^3.5.1",
     "tailwindcss": "^4.1.17",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3"