npm - @knowcode/doc-builder - Versions diffs - 1.9.20 → 1.9.21 - Mend

@knowcode/doc-builder 1.9.20 → 1.9.21

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 (86) hide show

package/cli.js +15 -1
package/doc-builder.config.js +4 -2
package/doc-builder.config.js.backup.1754567425847 +124 -0
package/html/README.html +3 -3
package/html/about-doc-builder.html +3 -3
package/html/documentation-index.html +3 -3
package/html/guides/authentication-default-change.html +3 -3
package/html/guides/authentication-guide.html +3 -3
package/html/guides/claude-workflow-guide.html +3 -3
package/html/guides/configuration-guide.html +3 -3
package/html/guides/documentation-standards.html +3 -3
package/html/guides/html-embedding-guide.html +3 -3
package/html/guides/image-modal-guide.html +3 -3
package/html/guides/phosphor-icons-guide.html +3 -3
package/html/guides/private-directory-authentication-troubleshooting.html +3 -3
package/html/guides/private-directory-authentication.html +3 -3
package/html/guides/public-site-deployment.html +3 -3
package/html/guides/search-engine-verification-guide.html +3 -3
package/html/guides/seo-guide.html +3 -3
package/html/guides/seo-optimization-guide.html +3 -3
package/html/guides/supabase-authentication-complete-guide.html +3 -3
package/html/guides/troubleshooting-guide.html +3 -3
package/html/guides/windows-setup-guide.html +3 -3
package/html/image-modal-test.html +3 -3
package/html/index.html +3 -3
package/html/private/cache-control-anti-pattern.html +3 -3
package/html/private/launch/README.html +3 -3
package/html/private/launch/auth-cleanup-summary.html +3 -3
package/html/private/launch/bubble-plugin-specification.html +3 -3
package/html/private/launch/go-to-market-strategy.html +3 -3
package/html/private/launch/launch-announcements.html +3 -3
package/html/private/launch/vercel-deployment-auth-setup.html +3 -3
package/html/private/next-steps-walkthrough.html +3 -3
package/html/private/supabase-auth-implementation-completed.html +3 -3
package/html/private/supabase-auth-implementation-plan.html +3 -3
package/html/private/supabase-auth-integration-plan.html +3 -3
package/html/private/supabase-auth-setup-guide.html +3 -3
package/html/private/test-private-doc.html +3 -3
package/html/private/user-management-tooling.html +3 -3
package/html/prompts/beautiful-documentation-design.html +3 -3
package/html/prompts/markdown-document-standards.html +3 -3
package/html/prompts/project-rename-strategy-sasha-publish.html +3 -3
package/html/sitemap.xml +59 -59
package/html/test-questions/how-does-it-work%3F.html +3 -3
package/html/test-questions/step-1%3A%20getting-started.html +3 -3
package/html/test-questions/what-is-the-purpose.html +3 -3
package/html/vercel-cli-setup-guide.html +3 -3
package/html/vercel-first-time-setup-guide.html +3 -3
package/html-static/404.html +115 -0
package/html-static/README.html +456 -0
package/html-static/about-doc-builder.html +425 -0
package/html-static/css/notion-style.css +2426 -0
package/html-static/documentation-index.html +405 -0
package/html-static/guides/authentication-default-change.html +304 -0
package/html-static/guides/authentication-guide.html +443 -0
package/html-static/guides/claude-workflow-guide.html +1008 -0
package/html-static/guides/configuration-guide.html +406 -0
package/html-static/guides/documentation-standards.html +628 -0
package/html-static/guides/html-embedding-guide.html +395 -0
package/html-static/guides/image-modal-guide.html +449 -0
package/html-static/guides/phosphor-icons-guide.html +518 -0
package/html-static/guides/private-directory-authentication-troubleshooting.html +489 -0
package/html-static/guides/private-directory-authentication.html +475 -0
package/html-static/guides/public-site-deployment.html +365 -0
package/html-static/guides/search-engine-verification-guide.html +476 -0
package/html-static/guides/seo-guide.html +595 -0
package/html-static/guides/seo-optimization-guide.html +821 -0
package/html-static/guides/supabase-authentication-complete-guide.html +800 -0
package/html-static/guides/troubleshooting-guide.html +567 -0
package/html-static/guides/windows-setup-guide.html +793 -0
package/html-static/image-modal-test.html +252 -0
package/html-static/index.html +456 -0
package/html-static/js/main.js +1692 -0
package/html-static/prompts/beautiful-documentation-design.html +718 -0
package/html-static/prompts/markdown-document-standards.html +356 -0
package/html-static/prompts/project-rename-strategy-sasha-publish.html +464 -0
package/html-static/robots.txt +5 -0
package/html-static/sitemap.xml +189 -0
package/html-static/test-questions/how-does-it-work%3F.html +228 -0
package/html-static/test-questions/step-1%3A%20getting-started.html +223 -0
package/html-static/test-questions/what-is-the-purpose.html +227 -0
package/html-static/vercel-cli-setup-guide.html +429 -0
package/html-static/vercel-first-time-setup-guide.html +388 -0
package/lib/config.js +9 -2
package/lib/core-builder.js +148 -4
package/package.json +1 -1

package/html-static/vercel-cli-setup-guide.html ADDED Viewed

@@ -0,0 +1,429 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
+    <title>Vercel CLI Setup Guide | @knowcode/doc-builder</title>
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
+    <meta name="author" content="Lindsay Smith">
+    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, cli, https">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html">
+    <meta property="og:title" content="Vercel CLI Setup Guide | @knowcode/doc-builder">
+    <meta property="og:description" content="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
+    <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    <meta property="og:site_name" content="@knowcode/doc-builder">
+    <meta property="og:locale" content="en_US">
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@planbbackups">
+    <meta name="twitter:creator" content="@planbbackups">
+    <meta name="twitter:title" content="Vercel CLI Setup Guide | @knowcode/doc-builder">
+    <meta name="twitter:description" content="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
+    <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    <meta name="msvalidate.01" content="B2D8C4C12C530D47AA962B24CAA09630">
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <!-- Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
+    <!-- Mermaid -->
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
+    <!-- Styles -->
+    <link rel="stylesheet" href="/css/notion-style.css">
+    <!-- Favicon -->
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✨</text></svg>">
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "TechArticle",
+  "headline": "Vercel CLI Setup Guide",
+  "description": "This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...",
+  "author": {
+    "@type": "Person",
+    "name": "Lindsay Smith"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Knowcode Ltd",
+    "url": "https://knowcode.tech"
+  },
+  "datePublished": "2025-08-07T11:50:26.111Z",
+  "dateModified": "2025-08-07T11:50:26.111Z",
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
+  },
+  "breadcrumb": {
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "name": "@knowcode/doc-builder",
+        "item": "https://doc-builder-delta.vercel.app"
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "name": "Vercel Cli Setup Guide",
+        "item": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
+      }
+    ]
+  }
+}
+</script>
+</head>
+<body>
+    <!-- Header -->
+    <header class="header">
+        <div class="header-content">
+            <a href="/index.html" class="logo">@knowcode/doc-builder</a>
+            <div class="header-actions">
+                <div class="deployment-info">
+                    <span class="deployment-date" title="Built with doc-builder v1.9.20">Last updated: Aug 7, 2025, 11:50 AM UTC</span>
+                </div>
+                <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
+                    <i class="fas fa-moon"></i>
+                </button>
+                <button id="menu-toggle" class="menu-toggle" aria-label="Toggle menu">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Breadcrumbs -->
+    <nav class="breadcrumbs" id="breadcrumbs">
+        <!-- Breadcrumbs will be generated by JavaScript -->
+    </nav>
+    <!-- Main Content -->
+    <div class="main-wrapper">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <div class="filter-box">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
+                    <i class="fas fa-search filter-icon"></i>
+                </div>
+            </div>
+            <nav class="navigation">
+      <div class="nav-section" data-level="0">
+        <a class="nav-title toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
+          <i class="ph ph-caret-down" id="toggle-all-icon"></i> Documentation
+        </a>
+        <div class="nav-content">
+        <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
+        <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
+        <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/vercel-cli-setup-guide.html" class="nav-item active" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
+        <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-guides-1" >
+          <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-book"></i> Guides
+        </a>
+        <div class="nav-content collapsed" id="nav-guides-1">
+        <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
+        <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
+        <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
+        <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
+        <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
+        <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
+        <a href="/guides/phosphor-icons-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder automatically converts Unicode emojis in your markdown files to beautiful Phosphor icons in the generated HTML."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Phosphor Icons Guide</a>
+        <a href="/guides/private-directory-authentication.html" class="nav-item" data-tooltip="The @knowcode/doc-builder provides flexible authentication options to protect your documentation."><i class="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication</a>
+        <a href="/guides/private-directory-authentication-troubleshooting.html" class="nav-item" data-tooltip="Private Directory Authentication Troubleshooting."><i class="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication Troubleshooting</a>
+        <a href="/guides/public-site-deployment.html" class="nav-item" data-tooltip="The @knowcode/doc-builder now supports deploying public documentation sites without authentication."><i class="ph ph-check-circle" style="color: #059669;"></i> Public Site Deployment</a>
+        <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
+        <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
+        <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> SEO Optimization Guide for @knowcode/doc-builder</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
+        <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
+        <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
+          <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
+        </a>
+        <div class="nav-content collapsed" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-test-questions-1" >
+          <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-folder"></i> Test Questions
+        </a>
+        <div class="nav-content collapsed" id="nav-test-questions-1">
+        <a href="/test-questions/how-does-it-work%3F.html" class="nav-item" data-tooltip="This is a test file to verify that question marks work properly in filenames."><i class="ph ph-file-text"></i> How Does It Work?</a>
+        <a href="/test-questions/step-1%3A%20getting-started.html" class="nav-item" data-tooltip="Step 1: Getting Started."><i class="ph ph-file-text"></i> Step 1: Getting Started</a>
+        <a href="/test-questions/what-is-the-purpose.html" class="nav-item" data-tooltip="Understanding the purpose of our documentation system"><i class="ph ph-file-text"></i> What Is The Purpose?</a></div></div>
+            </nav>
+            <div class="resize-handle"></div>
+        </aside>
+        <!-- Content Area -->
+        <main class="content">
+            <div class="content-inner">
+                <h1>Vercel CLI Setup Guide</h1>
+<h2>Overview</h2>
+<p>This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While <code>@knowcode/doc-builder</code> handles most deployment complexity for you, understanding Vercel CLI installation and advanced features can be helpful for power users.</p>
+<h2>Prerequisites</h2>
+<ul>
+<li><strong>Node.js</strong>: Version 14.x or higher <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></li>
+<li><strong>npm</strong> or <strong>yarn</strong>: Package manager <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></li>
+<li><strong>Git</strong>: For version control (optional but recommended) <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></li>
+</ul>
+<h2>Installation Methods</h2>
+<h3>Method 1: npm (Recommended)</h3>
+<pre><code class="language-bash">npm install -g vercel
+</code></pre>
+<p><strong>Official Documentation</strong>: <a href="https://vercel.com/docs/cli#installing-vercel-cli">https://vercel.com/docs/cli#installing-vercel-cli</a></p>
+<h3>Method 2: yarn</h3>
+<pre><code class="language-bash">yarn global add vercel
+</code></pre>
+<h3>Method 3: pnpm</h3>
+<pre><code class="language-bash">pnpm add -g vercel
+</code></pre>
+<h3>Method 4: Homebrew (macOS/Linux)</h3>
+<pre><code class="language-bash">brew install vercel-cli
+</code></pre>
+<p><strong>Homebrew Formula</strong>: <a href="https://formulae.brew.sh/formula/vercel-cli">https://formulae.brew.sh/formula/vercel-cli</a></p>
+<h3>Method 5: Standalone Binary</h3>
+<p>Download directly from: <a href="https://vercel.com/download">https://vercel.com/download</a></p>
+<h2>Quick Start for doc-builder Users</h2>
+<p>If you&#39;re using <code>@knowcode/doc-builder</code>, you only need to:</p>
+<ol>
+<li><p><strong>Install Vercel CLI</strong> (if not already installed):</p>
+<pre><code class="language-bash">npm install -g vercel
+</code></pre>
+</li>
+<li><p><strong>Login to Vercel</strong> (one-time setup):</p>
+<pre><code class="language-bash">vercel login
+</code></pre>
+</li>
+<li><p><strong>Deploy with doc-builder</strong>:</p>
+<pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
+</code></pre>
+</li>
+</ol>
+<p>That&#39;s it! doc-builder handles all the configuration for you.</p>
+<h2>Detailed Installation Instructions</h2>
+<h2>Understanding Vercel CLI</h2>
+<h3>What Gets Installed</h3>
+<p>The Vercel CLI stores configuration in:</p>
+<ul>
+<li><strong>macOS/Linux</strong>: <code>~/.vercel/</code></li>
+<li><strong>Windows</strong>: <code>%USERPROFILE%\.vercel\</code></li>
+</ul>
+<h3>Authentication</h3>
+<pre><code class="language-bash"># Check who you&#39;re logged in as
+vercel whoami
+# Log out
+vercel logout
+# Log in again
+vercel login
+</code></pre>
+<p><strong>Note</strong>: doc-builder automatically generates the necessary <code>vercel.json</code> configuration for you, so you don&#39;t need to create it manually.</p>
+<h2>Advanced Vercel CLI Commands</h2>
+<p>While doc-builder handles deployment, you might want to use these Vercel CLI commands directly:</p>
+<h3>Project Management</h3>
+<pre><code class="language-bash"># List your projects
+vercel project ls
+# View project details
+vercel project &lt;project-name&gt;
+# Remove a project
+vercel project rm &lt;project-name&gt;
+</code></pre>
+<h3>Domain Management</h3>
+<pre><code class="language-bash"># List domains
+vercel domains ls
+# Add a domain to a project
+vercel domains add &lt;domain&gt; &lt;project&gt;
+# Remove a domain
+vercel domains rm &lt;domain&gt;
+</code></pre>
+<h3>Deployment Management</h3>
+<pre><code class="language-bash"># List recent deployments
+vercel ls
+# Inspect a deployment
+vercel inspect &lt;deployment-url&gt;
+# Remove a deployment
+vercel rm &lt;deployment-url&gt;
+</code></pre>
+<h3>Environment Variables</h3>
+<pre><code class="language-bash"># Add environment variable
+vercel env add &lt;name&gt;
+# List environment variables
+vercel env ls
+# Remove environment variable
+vercel env rm &lt;name&gt;
+</code></pre>
+<h2>Troubleshooting</h2>
+<h3>Common Installation Issues</h3>
+<h4>Command Not Found</h4>
+<p>If <code>vercel</code> command is not found after installation:</p>
+<pre><code class="language-bash"># Find npm global bin location
+npm bin -g
+# Add to PATH (add to your ~/.bashrc or ~/.zshrc)
+export PATH=&quot;$(npm bin -g):$PATH&quot;
+</code></pre>
+<h4>Permission Errors</h4>
+<p>If you get EACCES errors during installation:</p>
+<pre><code class="language-bash"># Option 1: Use npx instead (recommended)
+npx vercel
+# Option 2: Fix npm permissions
+# See: https://docs.npmjs.com/resolving-eacces-permissions-errors
+# Option 3: Use a Node version manager like nvm
+# See: https://github.com/nvm-sh/nvm
+</code></pre>
+<h4>Authentication Issues</h4>
+<pre><code class="language-bash"># If login fails, try:
+vercel logout
+vercel login
+# For corporate proxies:
+export HTTP_PROXY=http://proxy.company.com:8080
+export HTTPS_PROXY=http://proxy.company.com:8080
+</code></pre>
+<h2>Platform-Specific Instructions</h2>
+<h3>macOS</h3>
+<ol>
+<li><p><strong>Install via Homebrew</strong> (recommended):</p>
+<pre><code class="language-bash">brew install vercel-cli
+</code></pre>
+</li>
+<li><p><strong>Verify Xcode Command Line Tools</strong>:</p>
+<pre><code class="language-bash">xcode-select --install
+</code></pre>
+</li>
+</ol>
+<p><strong>macOS Guide</strong>: <a href="https://vercel.com/docs/cli#macos-installation">https://vercel.com/docs/cli#macos-installation</a></p>
+<h3>Windows</h3>
+<ol>
+<li><p><strong>Install Node.js</strong> from <a href="https://nodejs.org/">https://nodejs.org/</a></p>
+</li>
+<li><p><strong>Use PowerShell as Administrator</strong>:</p>
+<pre><code class="language-powershell">npm install -g vercel
+</code></pre>
+</li>
+<li><p><strong>Windows-specific issues</strong>: <a href="https://vercel.com/docs/cli#windows-installation">https://vercel.com/docs/cli#windows-installation</a></p>
+</li>
+</ol>
+<h3>Linux</h3>
+<ol>
+<li><p><strong>Install Node.js via package manager</strong>:</p>
+<pre><code class="language-bash"># Ubuntu/Debian
+sudo apt update
+sudo apt install nodejs npm
+# Fedora
+sudo dnf install nodejs npm
+# Arch
+sudo pacman -S nodejs npm
+</code></pre>
+</li>
+<li><p><strong>Install Vercel CLI</strong>:</p>
+<pre><code class="language-bash">sudo npm install -g vercel
+</code></pre>
+</li>
+</ol>
+<p><strong>Linux Guide</strong>: <a href="https://vercel.com/docs/cli#linux-installation">https://vercel.com/docs/cli#linux-installation</a></p>
+<h2>Using Vercel CLI with doc-builder</h2>
+<h3>Deploying to Production</h3>
+<p>While doc-builder handles deployment, you can also use Vercel CLI directly:</p>
+<pre><code class="language-bash"># From your html output directory
+cd html
+vercel --prod
+</code></pre>
+<h3>Working with Teams</h3>
+<pre><code class="language-bash"># Switch between personal and team accounts
+vercel switch
+# Deploy to a specific team
+vercel --scope team-name
+</code></pre>
+<h3>CI/CD Integration</h3>
+<p>For automated deployments:</p>
+<pre><code class="language-yaml"># GitHub Actions example
+- name: Deploy Documentation
+  run: |
+    npm install -g @knowcode/doc-builder@latest vercel
+    doc-builder build
+    vercel --prod --token=${{ secrets.VERCEL_TOKEN }}
+</code></pre>
+<h2>Key Resources</h2>
+<h3>Official Documentation</h3>
+<ul>
+<li><strong>Vercel CLI Docs</strong>: <a href="https://vercel.com/docs/cli">https://vercel.com/docs/cli</a></li>
+<li><strong>Vercel Dashboard</strong>: <a href="https://vercel.com/dashboard">https://vercel.com/dashboard</a></li>
+<li><strong>Support</strong>: <a href="https://vercel.com/support">https://vercel.com/support</a></li>
+</ul>
+<h3>For doc-builder Users</h3>
+<ul>
+<li><strong>First-Time Setup Guide</strong>: <a href="./vercel-first-time-setup-guide.md">vercel-first-time-setup-guide.md</a></li>
+<li><strong>Troubleshooting Guide</strong>: <a href="./troubleshooting-guide.md">troubleshooting-guide.md</a></li>
+<li><strong>doc-builder Documentation</strong>: <a href="https://www.npmjs.com/package/@knowcode/doc-builder">https://www.npmjs.com/package/@knowcode/doc-builder</a></li>
+</ul>
+<hr>
+<p>This guide covers Vercel CLI installation and advanced usage. For most doc-builder users, the simplified deployment process handles everything automatically. See the <a href="./vercel-first-time-setup-guide.md">First-Time Setup Guide</a> for the streamlined deployment experience.</p>
+            </div>
+        </main>
+    </div>
+    <!-- Scripts -->
+    <script>
+    // Pass configuration to frontend
+    window.docBuilderConfig = {
+      features: {
+        showPdfDownload: true,
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
+      }
+    };
+    </script>
+    <script src="/js/main.js"></script>
+</body>
+</html>