fix json

Author: davila7

api/index.html

@@ -0,0 +1 @@
+<h1>AITMPL.COM</h1>

docs/blog/index.html

@@ -8,19 +8,19 @@
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <meta property="og:url" content="https://davila7.github.io/claude-code-templates/blog/">
+    <meta property="og:url" content="https://aitmpl.com/blog/">
     <meta property="og:title" content="Blog - Claude Code Templates">
     <meta property="og:description" content="Latest articles about Claude Code, AI development, and automation tools. Learn how to supercharge your development workflow with Anthropic's Claude Code.">
-    <meta property="og:image" content="https://raw.githubusercontent.com/davila7/claude-code-templates/main/social-preview.png">
+    <meta property="og:image" content="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:url" content="https://davila7.github.io/claude-code-templates/blog/">
+    <meta property="twitter:url" content="https://aitmpl.com/blog/">
     <meta property="twitter:title" content="Blog - Claude Code Templates">
     <meta property="twitter:description" content="Latest articles about Claude Code, AI development, and automation tools.">
-    <meta property="twitter:image" content="https://raw.githubusercontent.com/davila7/claude-code-templates/main/social-preview.png">
+    <meta property="twitter:image" content="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png">
 
-    <link rel="canonical" href="https://davila7.github.io/claude-code-templates/blog/">
+    <link rel="canonical" href="https://aitmpl.com/blog/">
     <link rel="stylesheet" href="../css/styles.css">
     <link rel="stylesheet" href="../css/blog.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -88,7 +88,7 @@ <h1 class="search-title">
                     <article class="article-card">
                         <a href="supabase-claude-code-integration/" class="article-link">
                             <div class="article-image">
-                                <img src="assets/supabase-claude-code-templates-cover.png" alt="Supabase and Claude Code Integration" loading="lazy">
+                                <img src="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png" alt="Supabase and Claude Code Integration" loading="lazy">
                                 <div class="article-category">Database</div>
                             </div>
                             <div class="article-content">

docs/blog/supabase-claude-code-integration/index.html

@@ -8,10 +8,10 @@
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="article">
-    <meta property="og:url" content="https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/">
+    <meta property="og:url" content="https://aitmpl.com/blog/supabase-claude-code-integration/">
     <meta property="og:title" content="Supercharge Your Database Development with Supabase and Claude Code">
     <meta property="og:description" content="Learn how to integrate Supabase with Claude Code using MCP servers, specialized agents, and automated commands for lightning-fast database development.">
-    <meta property="og:image" content="https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/cover.jpg">
+    <meta property="og:image" content="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png">
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
     <meta property="article:published_time" content="2025-01-28T10:00:00Z">
@@ -24,15 +24,15 @@
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:url" content="https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/">
+    <meta property="twitter:url" content="https://aitmpl.com/blog/supabase-claude-code-integration/">
     <meta property="twitter:title" content="Supercharge Your Database Development with Supabase and Claude Code">
     <meta property="twitter:description" content="Learn how to integrate Supabase with Claude Code using MCP servers, specialized agents, and automated commands for lightning-fast database development.">
-    <meta property="twitter:image" content="https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/cover.jpg">
+    <meta property="twitter:image" content="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png">
 
     <!-- Additional SEO -->
     <meta name="keywords" content="Supabase, Claude Code, MCP, Database, AI Development, Anthropic, PostgreSQL, Schema Design, Agents, Commands">
     <meta name="author" content="Claude Code Templates">
-    <link rel="canonical" href="https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/">
+    <link rel="canonical" href="https://aitmpl.com/blog/supabase-claude-code-integration/">
 
     <link rel="stylesheet" href="../../css/styles.css">
     <link rel="stylesheet" href="../../css/blog.css">
@@ -47,7 +47,7 @@
         "@type": "BlogPosting",
         "headline": "Supercharge Your Database Development with Supabase and Claude Code",
         "description": "Learn how to integrate Supabase with Claude Code using MCP servers, specialized agents, and automated commands for lightning-fast database development.",
-        "image": "https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/cover.jpg",
+        "image": "https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png",
         "author": {
             "@type": "Organization",
             "name": "Claude Code Templates"
@@ -57,14 +57,14 @@
             "name": "Claude Code Templates",
             "logo": {
                 "@type": "ImageObject",
-                "url": "https://davila7.github.io/claude-code-templates/static/img/logo.svg"
+                "url": "https://www.aitmpl.com/static/img/logo.svg"
             }
         },
         "datePublished": "2025-01-28T10:00:00Z",
         "dateModified": "2025-01-28T10:00:00Z",
         "mainEntityOfPage": {
             "@type": "WebPage",
-            "@id": "https://davila7.github.io/claude-code-templates/blog/supabase-claude-code-integration/"
+            "@id": "https://aitmpl.com/blog/supabase-claude-code-integration/"
         }
     }
     </script>
@@ -85,7 +85,7 @@
                     </div>
                 </div>
                 <div class="header-actions">
-                    <a href="../index.html" class="header-btn">
+                    <a href="../../index.html" class="header-btn">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"/>
                         </svg>
@@ -127,7 +127,7 @@ <h1 class="article-title">How to use Claude Code with Supabase</h1>
         </header>
 
         <article class="article-body">
-            <img src="../assets/supabase-claude-code-templates-cover.png" alt="Supabase and Claude Code Integration" class="article-cover">
+            <img src="https://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png" alt="Supabase and Claude Code Integration" class="article-cover" loading="lazy">
 
             <div class="article-content-full">
                 <h2>Supabase Stack for Claude Code</h2>
@@ -220,7 +220,7 @@ <h2>Browse all components on AITMPL.com</h2>
 
                 <p>Visit <strong><a href="https://aitmpl.com" target="_blank" rel="noopener">aitmpl.com</a></strong> and search for "supabase" to see:</p>
 
-                <img src="../assets/aitmpl-supabase-search.png" alt="Searching for Supabase components on AITMPL.com" loading="lazy">
+                <img src="https://www.aitmpl.com/blog/assets/aitmpl-supabase-search.png" alt="Searching for Supabase components on AITMPL.com" loading="lazy">
                 <h2>Installation Options</h2>
                 <p>There are multiple ways to install the Supabase stack for Claude Code. Choose the approach that best fits your workflow:</p>
 
@@ -355,6 +355,6 @@ <h2>Where Components Are Installed</h2>
     </footer>
 
     <!-- Code Copy Functionality -->
-    <script src="../code-copy.js"></script>
+    <script src="../code-copy.js?v=1.0"></script>
 </body>
 </html>

docs/css/blog.css

@@ -551,4 +551,18 @@
     .article-content p {
         font-size: 0.8rem;
     }
+    
+    /* Mobile Image Optimization */
+    .article-cover {
+        margin: 1rem 0 !important;
+        max-height: 250px;
+        object-fit: cover;
+    }
+    
+    .article-content-full img {
+        margin: 1rem 0 !important;
+        border-radius: 6px;
+        max-width: 100%;
+        height: auto;
+    }
 }

vercel.json

@@ -53,6 +53,19 @@
           "value": "public, max-age=31536000, immutable"
         }
       ]
+    },
+    {
+      "source": "/docs/blog/(.*).js",
+      "headers": [
+        {
+          "key": "Content-Type",
+          "value": "application/javascript; charset=utf-8"
+        },
+        {
+          "key": "Cache-Control",
+          "value": "public, max-age=31536000, immutable"
+        }
+      ]
     }
   ]
 }