Fix API to use GitHub API instead of filesystem

Vercel serverless functions can't access static files directly.
Now fetches blog posts from GitHub repo via API.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: jmckinley

api/posts.js

@@ -1,5 +1,6 @@
-import fs from 'fs';
-import path from 'path';
+const REPO = 'kyliemckinleydemo/sandeep-khera-website';
+const BRANCH = 'main';
+const BLOG_PATH = 'content/blog';
 
 function parseFrontMatter(content) {
   const match = content.match(/^---\n([\s\S]*?)\n---/);
@@ -15,7 +16,6 @@ function parseFrontMatter(content) {
       currentKey = line.substring(0, colonIndex).trim();
       let value = line.substring(colonIndex + 1).trim();
 
-      // Remove quotes
       if ((value.startsWith('"') && value.endsWith('"')) ||
           (value.startsWith("'") && value.endsWith("'"))) {
         value = value.slice(1, -1);
@@ -30,15 +30,27 @@ function parseFrontMatter(content) {
   return metadata;
 }
 
-export default function handler(req, res) {
+export default async function handler(req, res) {
   try {
-    const blogDir = path.join(process.cwd(), 'content', 'blog');
-    const files = fs.readdirSync(blogDir).filter(f => f.endsWith('.md'));
+    // Get list of files in content/blog from GitHub
+    const listUrl = `https://api.github.com/repos/${REPO}/contents/${BLOG_PATH}?ref=${BRANCH}`;
+    const listResponse = await fetch(listUrl, {
+      headers: { 'Accept': 'application/vnd.github.v3+json' }
+    });
+
+    if (!listResponse.ok) {
+      throw new Error(`GitHub API error: ${listResponse.status}`);
+    }
 
-    const posts = files.map(filename => {
-      const slug = filename.replace('.md', '');
-      const filePath = path.join(blogDir, filename);
-      const content = fs.readFileSync(filePath, 'utf-8');
+    const files = await listResponse.json();
+    const mdFiles = files.filter(f => f.name.endsWith('.md'));
+
+    // Fetch each markdown file's content
+    const posts = await Promise.all(mdFiles.map(async (file) => {
+      const slug = file.name.replace('.md', '');
+
+      const contentResponse = await fetch(file.download_url);
+      const content = await contentResponse.text();
       const metadata = parseFrontMatter(content);
 
       return {
@@ -50,15 +62,15 @@ export default function handler(req, res) {
         author: metadata.author || 'Sandeep Khera',
         tags: Array.isArray(metadata.tags) ? metadata.tags : []
       };
-    });
+    }));
 
     // Sort by date (newest first)
     posts.sort((a, b) => new Date(b.date) - new Date(a.date));
 
-    res.setHeader('Cache-Control', 's-maxage=60, stale-while-revalidate');
+    res.setHeader('Cache-Control', 's-maxage=300, stale-while-revalidate=600');
     res.status(200).json(posts);
   } catch (error) {
-    console.error('Error reading blog posts:', error);
-    res.status(500).json({ error: 'Failed to load posts' });
+    console.error('Error fetching blog posts:', error);
+    res.status(500).json({ error: 'Failed to load posts', details: error.message });
   }
 }