npm - claude-code-templates - Versions diffs - 1.21.0 → 1.21.1 - Mend

claude-code-templates 1.21.0 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (743) hide show

package/docs/blog/index.html ADDED Viewed

@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog - Claude Code Templates</title>
+    <meta name="description" content="Latest articles about Claude Code, AI development, and automation tools. Learn how to supercharge your development workflow with Anthropic's Claude Code.">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <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://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://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://www.aitmpl.com/blog/assets/supabase-claude-code-templates-cover.png">
+    <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">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+</head>
+<body>
+    <header class="header">
+        <div class="container">
+            <div class="header-content">
+                <div class="terminal-header">
+                    <div class="ascii-title">
+                        <pre class="ascii-art">
+██████╗ ██╗      ██████╗  ██████╗
+██╔══██╗██║     ██╔═══██╗██╔════╝
+██████╔╝██║     ██║   ██║██║  ███╗
+██╔══██╗██║     ██║   ██║██║   ██║
+██████╔╝███████╗╚██████╔╝╚██████╔╝
+╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝
+                        </pre>
+                    </div>
+                    <div class="terminal-subtitle">
+                        <span class="status-dot"></span>
+                        Latest articles about <strong>Claude Code</strong> and AI development
+                    </div>
+                </div>
+                <div class="header-actions">
+                    <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>
+                        Home
+                    </a>
+                    <a href="https://github.com/davila7/claude-code-templates" target="_blank" class="header-btn">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.30 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                        </svg>
+                        GitHub
+                    </a>
+                </div>
+            </div>
+        </div>
+    </header>
+    <main class="terminal">
+        <section class="blog-hero">
+            <div class="container">
+                <div class="terminal-command">
+                    <div class="header-content">
+                        <h1 class="search-title">
+                            <span class="terminal-dot"></span>
+                            <strong>Blog</strong>
+                            <span class="title-params">(articles/tutorials/guides)</span>
+                        </h1>
+                        <p class="search-subtitle">⎿ Learn how to maximize your AI-powered development with Claude Code</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="blog-articles">
+            <div class="container">
+                <div class="articles-grid" style="grid-template-columns: 1fr;">
+                    <article class="article-card">
+                        <a href="blog/nextjs-vercel-claude-code-integration/" class="article-link">
+                            <div class="article-image">
+                                <img src="https://www.aitmpl.com/blog/assets/nextjs-vercel-claude-code-templates-cover.png" alt="Next.js, Vercel and Claude Code Integration" loading="lazy">
+                                <div class="article-category">Frontend</div>
+                            </div>
+                            <div class="article-content">
+                                <div class="article-meta">
+                                    <time datetime="2025-01-31">January 31, 2025</time>
+                                    <span class="read-time">8 min read</span>
+                                </div>
+                                <h2>Claude Code + Next.js and Vercel Integration</h2>
+                                <p>Learn how to integrate Next.js and Vercel with Claude Code using Agents, Commands and Hooks for faster frontend development.</p>
+                                <div class="article-tags">
+                                    <span class="tag">Next.js</span>
+                                    <span class="tag">Vercel</span>
+                                    <span class="tag">Hooks</span>
+                                    <span class="tag">Agents</span>
+                                </div>
+                            </div>
+                        </a>
+                    </article>
+                    <article class="article-card">
+                        <a href="blog/supabase-claude-code-integration/" class="article-link">
+                            <div class="article-image">
+                                <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">
+                                <div class="article-meta">
+                                    <time datetime="2025-01-28">January 28, 2025</time>
+                                    <span class="read-time">5 min read</span>
+                                </div>
+                                <h2>Claude Code + Supabase Integration</h2>
+                                <p>Learn how to integrate Supabase with Claude Code using MCP, Agents, and Commands for faster database development.</p>
+                                <div class="article-tags">
+                                    <span class="tag">Supabase</span>
+                                    <span class="tag">Database</span>
+                                    <span class="tag">Agents</span>
+                                    <span class="tag">Commands</span>
+                                    <span class="tag">MCP</span>
+                                </div>
+                            </div>
+                        </a>
+                    </article>
+                </div>
+            </div>
+        </section>
+        <section class="newsletter-section">
+            <div class="container">
+                <div class="newsletter-container">
+                    <div id="newsletter-success" class="newsletter-message success-message" style="display: none;">
+                        ✓ Subscribed successfully
+                    </div>
+                    <div id="newsletter-error" class="newsletter-message error-message" style="display: none;">
+                        ✗ Error. Try again.
+                    </div>
+                    <form id="newsletter-form" method="POST" action="https://817715f5.sibforms.com/serve/MUIFAAfji55QSo2kjmh_3Y4i1XrFpOiTqwu6ZKbWQtps1SHh-4OOCCzhwRCvknpSybxI0_-V0KWocb0_b12iXBT-OahbBE4YiCQc9nVU0mD2R18vQfpP9wN11ZW8XqgTo5I9EGLrt-qdfR_1rxbmJX4uiWGXbJSYYrTVno0hUd0Pp42BOLsWJ3hssO3NMq2fdWhVZa9OIIWW3L85" data-type="subscription" class="newsletter-form" target="hidden_iframe">
+                        <div class="newsletter-header">
+                            <span class="newsletter-prompt">Get updates via email</span>
+                        </div>
+                        <div class="input-group">
+                            <input type="email" id="EMAIL" name="EMAIL" placeholder="your@email.com" required class="newsletter-input">
+                            <button type="submit" class="newsletter-submit">
+                                <span class="submit-text">→</span>
+                            </button>
+                        </div>
+                        <input type="text" name="email_address_check" value="" style="display: none;">
+                        <input type="hidden" name="locale" value="en">
+                    </form>
+                    <iframe name="hidden_iframe" style="display: none;"></iframe>
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-left">
+                    <div class="footer-ascii">
+                        <pre class="footer-ascii-art"> █████╗ ██╗████████╗███╗   ███╗██████╗ ██╗
+██╔══██╗██║╚══██╔══╝████╗ ████║██╔══██╗██║
+███████║██║   ██║   ██╔████╔██║██████╔╝██║
+██╔══██║██║   ██║   ██║╚██╔╝██║██╔═══╝ ██║
+██║  ██║██║   ██║   ██║ ╚═╝ ██║██║     ███████╗
+╚═╝  ╚═╝╚═╝   ╚═╝   ╚═╝     ╚═╝╚═╝     ╚══════╝</pre>
+                        <p class="footer-tagline">Supercharge Anthropic's Claude Code</p>
+                    </div>
+                </div>
+                <div class="footer-right">
+                    <p class="footer-copyright">&copy; 2025 Claude Code Templates. Open source project.</p>
+                    <div class="footer-links">
+                        <a href="../trending.html" class="footer-link">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                                <path d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z"/>
+                            </svg>
+                            Trending
+                        </a>
+                        <a href="https://docs.aitmpl.com/" target="_blank" class="footer-link">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                                <path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/>
+                            </svg>
+                            Documentation
+                        </a>
+                        <a href="https://github.com/davila7/claude-code-templates" target="_blank" class="footer-link">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.30 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                            </svg>
+                            GitHub
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <!-- Newsletter Form JavaScript -->
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const form = document.getElementById('newsletter-form');
+            const successMessage = document.getElementById('newsletter-success');
+            const errorMessage = document.getElementById('newsletter-error');
+            const submitButton = form.querySelector('.newsletter-submit');
+            const submitText = submitButton.querySelector('.submit-text');
+            form.addEventListener('submit', (e) => {
+                // Set loading state
+                submitButton.disabled = true;
+                submitText.textContent = '...';
+                // Hide messages initially
+                successMessage.style.display = 'none';
+                errorMessage.style.display = 'none';
+                // Show success message after form submits to iframe
+                setTimeout(() => {
+                    successMessage.style.display = 'block';
+                    submitButton.disabled = false;
+                    submitText.textContent = '→';
+                    form.reset();
+                }, 1500);
+            });
+        });
+    </script>
+</body>
+</html>