@knowcode/doc-builder 1.4.25 → 1.5.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.
- package/.claude/settings.local.json +2 -1
- package/CHANGELOG.md +52 -0
- package/README.md +57 -7
- package/assets/404.html +115 -0
- package/assets/js/main.js +23 -0
- package/cli.js +251 -2
- package/doc-builder.config.js +34 -0
- package/html/404.html +115 -0
- package/html/README.html +71 -5
- package/html/claude-workflow-guide.html +71 -5
- package/html/documentation-index.html +77 -5
- package/html/guides/authentication-guide.html +77 -5
- package/html/guides/documentation-standards.html +77 -5
- package/html/guides/seo-guide.html +557 -0
- package/html/guides/troubleshooting-guide.html +77 -5
- package/html/index.html +71 -5
- package/html/js/main.js +23 -0
- package/html/robots.txt +5 -0
- package/html/sitemap.xml +75 -0
- package/html/vercel-cli-setup-guide.html +452 -0
- package/html/vercel-first-time-setup-guide.html +419 -0
- package/lib/config.js +39 -1
- package/lib/core-builder.js +110 -5
- package/lib/deploy.js +61 -2
- package/lib/seo.js +359 -0
- package/package.json +1 -1
|
@@ -0,0 +1,452 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<meta name="description" content="Vercel CLI Setup Guide.">
|
|
7
|
+
<title>Vercel CLI Setup Guide - Doc Builder</title>
|
|
8
|
+
|
|
9
|
+
<meta name="author" content="Lindsay Smith">
|
|
10
|
+
<meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, https, com, docs, cli">
|
|
11
|
+
<meta name="robots" content="index, follow">
|
|
12
|
+
<link rel="canonical" href="https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html">
|
|
13
|
+
|
|
14
|
+
<!-- Open Graph / Facebook -->
|
|
15
|
+
<meta property="og:type" content="article">
|
|
16
|
+
<meta property="og:url" content="https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html">
|
|
17
|
+
<meta property="og:title" content="Vercel CLI Setup Guide - Doc Builder">
|
|
18
|
+
<meta property="og:description" content="Vercel CLI Setup Guide.">
|
|
19
|
+
<meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
20
|
+
<meta property="og:site_name" content="Doc Builder">
|
|
21
|
+
<meta property="og:locale" content="en_US">
|
|
22
|
+
|
|
23
|
+
<!-- Twitter Card -->
|
|
24
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
25
|
+
<meta name="twitter:site" content="@planbbackups">
|
|
26
|
+
<meta name="twitter:creator" content="@planbbackups">
|
|
27
|
+
<meta name="twitter:title" content="Vercel CLI Setup Guide - Doc Builder">
|
|
28
|
+
<meta name="twitter:description" content="Vercel CLI Setup Guide.">
|
|
29
|
+
<meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
|
|
30
|
+
|
|
31
|
+
<!-- Fonts -->
|
|
32
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
33
|
+
|
|
34
|
+
<!-- Icons -->
|
|
35
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
36
|
+
|
|
37
|
+
<!-- Mermaid -->
|
|
38
|
+
<script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
|
|
39
|
+
|
|
40
|
+
<!-- Styles -->
|
|
41
|
+
<link rel="stylesheet" href="/css/notion-style.css">
|
|
42
|
+
|
|
43
|
+
<!-- Favicon -->
|
|
44
|
+
<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>">
|
|
45
|
+
|
|
46
|
+
<script type="application/ld+json">
|
|
47
|
+
{
|
|
48
|
+
"@context": "https://schema.org",
|
|
49
|
+
"@type": "TechArticle",
|
|
50
|
+
"headline": "Vercel CLI Setup Guide",
|
|
51
|
+
"description": "Vercel CLI Setup Guide.",
|
|
52
|
+
"author": {
|
|
53
|
+
"@type": "Person",
|
|
54
|
+
"name": "Lindsay Smith"
|
|
55
|
+
},
|
|
56
|
+
"publisher": {
|
|
57
|
+
"@type": "Organization",
|
|
58
|
+
"name": "Knowcode Ltd",
|
|
59
|
+
"url": "https://knowcode.tech"
|
|
60
|
+
},
|
|
61
|
+
"datePublished": "2025-07-21T20:39:06.494Z",
|
|
62
|
+
"dateModified": "2025-07-21T20:39:06.494Z",
|
|
63
|
+
"mainEntityOfPage": {
|
|
64
|
+
"@type": "WebPage",
|
|
65
|
+
"@id": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
|
|
66
|
+
},
|
|
67
|
+
"breadcrumb": {
|
|
68
|
+
"@type": "BreadcrumbList",
|
|
69
|
+
"itemListElement": [
|
|
70
|
+
{
|
|
71
|
+
"@type": "ListItem",
|
|
72
|
+
"position": 1,
|
|
73
|
+
"name": "Doc Builder",
|
|
74
|
+
"item": "https://doc-builder-delta.vercel.app"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"@type": "ListItem",
|
|
78
|
+
"position": 2,
|
|
79
|
+
"name": "Vercel Cli Setup Guide",
|
|
80
|
+
"item": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
</script>
|
|
86
|
+
</head>
|
|
87
|
+
<body>
|
|
88
|
+
<!-- Header -->
|
|
89
|
+
<header class="header">
|
|
90
|
+
<div class="header-content">
|
|
91
|
+
<a href="/index.html" class="logo">Doc Builder</a>
|
|
92
|
+
|
|
93
|
+
<div class="header-actions">
|
|
94
|
+
<div class="deployment-info">
|
|
95
|
+
<span class="deployment-date" title="Built with doc-builder v1.5.0">Last updated: Jul 21, 2025, 08:39 PM UTC</span>
|
|
96
|
+
</div>
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
|
|
101
|
+
<i class="fas fa-moon"></i>
|
|
102
|
+
</button>
|
|
103
|
+
|
|
104
|
+
<button id="menu-toggle" class="menu-toggle" aria-label="Toggle menu">
|
|
105
|
+
<i class="fas fa-bars"></i>
|
|
106
|
+
</button>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
</header>
|
|
110
|
+
|
|
111
|
+
<!-- Preview Banner -->
|
|
112
|
+
<div id="preview-banner" class="preview-banner">
|
|
113
|
+
<div class="banner-content">
|
|
114
|
+
<i class="fas fa-exclamation-triangle banner-icon"></i>
|
|
115
|
+
<span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
|
|
116
|
+
<button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
|
|
117
|
+
<i class="fas fa-times"></i>
|
|
118
|
+
</button>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
|
|
122
|
+
<!-- Breadcrumbs -->
|
|
123
|
+
<nav class="breadcrumbs" id="breadcrumbs">
|
|
124
|
+
<!-- Breadcrumbs will be generated by JavaScript -->
|
|
125
|
+
</nav>
|
|
126
|
+
|
|
127
|
+
<!-- Main Content -->
|
|
128
|
+
<div class="main-wrapper">
|
|
129
|
+
<!-- Sidebar -->
|
|
130
|
+
<aside class="sidebar">
|
|
131
|
+
<div class="sidebar-header">
|
|
132
|
+
<div class="filter-box">
|
|
133
|
+
<input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
|
|
134
|
+
<i class="fas fa-search filter-icon"></i>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
<nav class="navigation">
|
|
138
|
+
|
|
139
|
+
<div class="nav-section" data-level="0">
|
|
140
|
+
<a class="nav-title expanded" href="/README.html" >
|
|
141
|
+
<i class="fas fa-home"></i> Documentation
|
|
142
|
+
</a>
|
|
143
|
+
<div class="nav-content" >
|
|
144
|
+
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
|
|
145
|
+
<a href="/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="fas fa-file-alt"></i> Claude Workflow Guide</a>
|
|
146
|
+
<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="fas fa-file-alt"></i> Documentation Index</a>
|
|
147
|
+
<a href="/vercel-cli-setup-guide.html" class="nav-item active" data-tooltip="This guide provides comprehensive instructions for installing and configuring the Vercel CLI across different operating systems and environments."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
148
|
+
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide provides a detailed explanation of every prompt you'll encounter during the first-time Vercel setup process when using."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
149
|
+
<div class="nav-section" data-level="1">
|
|
150
|
+
<a class="nav-title collapsible" href="#" data-target="nav-guides-1" >
|
|
151
|
+
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
|
|
152
|
+
</a>
|
|
153
|
+
<div class="nav-content collapsed" id="nav-guides-1">
|
|
154
|
+
<a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="This guide explains how to configure and use the built-in authentication feature in @knowcode/doc-builder to protect your documentation with basic..."><i class="fas fa-file-alt"></i> Authentication Guide</a>
|
|
155
|
+
<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="fas fa-file-alt"></i> Documentation Standards</a>
|
|
156
|
+
<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="fas fa-file-alt"></i> Seo Guide</a>
|
|
157
|
+
<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="fas fa-file-alt"></i> Troubleshooting Guide</a></div></div>
|
|
158
|
+
</nav>
|
|
159
|
+
<div class="resize-handle"></div>
|
|
160
|
+
</aside>
|
|
161
|
+
|
|
162
|
+
<!-- Content Area -->
|
|
163
|
+
<main class="content">
|
|
164
|
+
<div class="content-inner">
|
|
165
|
+
<h1>Vercel CLI Setup Guide</h1>
|
|
166
|
+
<p><strong>Generated</strong>: 2025-07-21 20:30 UTC<br><strong>Status</strong>: Complete<br><strong>Verified</strong>: ✅</p>
|
|
167
|
+
<h2>Overview</h2>
|
|
168
|
+
<p>This guide provides comprehensive instructions for installing and configuring the Vercel CLI across different operating systems and environments. The Vercel CLI enables you to deploy projects, manage deployments, and configure projects directly from your terminal.</p>
|
|
169
|
+
<h2>Prerequisites</h2>
|
|
170
|
+
<ul>
|
|
171
|
+
<li><strong>Node.js</strong>: Version 14.x or higher ✅</li>
|
|
172
|
+
<li><strong>npm</strong> or <strong>yarn</strong>: Package manager ✅</li>
|
|
173
|
+
<li><strong>Git</strong>: For version control (optional but recommended) ✅</li>
|
|
174
|
+
</ul>
|
|
175
|
+
<h2>Installation Methods</h2>
|
|
176
|
+
<h3>Method 1: npm (Recommended)</h3>
|
|
177
|
+
<pre><code class="language-bash">npm install -g vercel
|
|
178
|
+
</code></pre>
|
|
179
|
+
<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>
|
|
180
|
+
<h3>Method 2: yarn</h3>
|
|
181
|
+
<pre><code class="language-bash">yarn global add vercel
|
|
182
|
+
</code></pre>
|
|
183
|
+
<h3>Method 3: pnpm</h3>
|
|
184
|
+
<pre><code class="language-bash">pnpm add -g vercel
|
|
185
|
+
</code></pre>
|
|
186
|
+
<h3>Method 4: Homebrew (macOS/Linux)</h3>
|
|
187
|
+
<pre><code class="language-bash">brew install vercel-cli
|
|
188
|
+
</code></pre>
|
|
189
|
+
<p><strong>Homebrew Formula</strong>: <a href="https://formulae.brew.sh/formula/vercel-cli">https://formulae.brew.sh/formula/vercel-cli</a></p>
|
|
190
|
+
<h3>Method 5: Standalone Binary</h3>
|
|
191
|
+
<p>Download directly from: <a href="https://vercel.com/download">https://vercel.com/download</a></p>
|
|
192
|
+
<h2>Initial Setup</h2>
|
|
193
|
+
<h3>1. Verify Installation</h3>
|
|
194
|
+
<pre><code class="language-bash">vercel --version
|
|
195
|
+
</code></pre>
|
|
196
|
+
<h3>2. Login to Vercel</h3>
|
|
197
|
+
<pre><code class="language-bash">vercel login
|
|
198
|
+
</code></pre>
|
|
199
|
+
<p>This will open your browser for authentication or provide email-based login options.</p>
|
|
200
|
+
<p><strong>Authentication Guide</strong>: <a href="https://vercel.com/docs/cli#commands/login">https://vercel.com/docs/cli#commands/login</a></p>
|
|
201
|
+
<h3>3. Check Authentication Status</h3>
|
|
202
|
+
<pre><code class="language-bash">vercel whoami
|
|
203
|
+
</code></pre>
|
|
204
|
+
<h2>Configuration</h2>
|
|
205
|
+
<h3>Global Configuration</h3>
|
|
206
|
+
<p>The Vercel CLI stores configuration in:</p>
|
|
207
|
+
<ul>
|
|
208
|
+
<li><strong>macOS/Linux</strong>: <code>~/.vercel/</code></li>
|
|
209
|
+
<li><strong>Windows</strong>: <code>%USERPROFILE%\.vercel\</code></li>
|
|
210
|
+
</ul>
|
|
211
|
+
<p><strong>Configuration Documentation</strong>: <a href="https://vercel.com/docs/cli#configuration">https://vercel.com/docs/cli#configuration</a></p>
|
|
212
|
+
<h3>Project Configuration</h3>
|
|
213
|
+
<p>Create <code>vercel.json</code> in your project root:</p>
|
|
214
|
+
<pre><code class="language-json">{
|
|
215
|
+
"version": 2,
|
|
216
|
+
"builds": [
|
|
217
|
+
{
|
|
218
|
+
"src": "package.json",
|
|
219
|
+
"use": "@vercel/static-build"
|
|
220
|
+
}
|
|
221
|
+
],
|
|
222
|
+
"routes": [
|
|
223
|
+
{
|
|
224
|
+
"src": "/(.*)",
|
|
225
|
+
"dest": "/$1"
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
</code></pre>
|
|
230
|
+
<p><strong>Project Configuration Guide</strong>: <a href="https://vercel.com/docs/project-configuration">https://vercel.com/docs/project-configuration</a></p>
|
|
231
|
+
<h2>Common Commands</h2>
|
|
232
|
+
<h3>Deploy Commands</h3>
|
|
233
|
+
<pre><code class="language-bash"># Deploy to preview
|
|
234
|
+
vercel
|
|
235
|
+
|
|
236
|
+
# Deploy to production
|
|
237
|
+
vercel --prod
|
|
238
|
+
|
|
239
|
+
# Deploy with specific name
|
|
240
|
+
vercel --name my-project
|
|
241
|
+
</code></pre>
|
|
242
|
+
<p><strong>Deployment Documentation</strong>: <a href="https://vercel.com/docs/cli#commands/deploy">https://vercel.com/docs/cli#commands/deploy</a></p>
|
|
243
|
+
<h3>Project Management</h3>
|
|
244
|
+
<pre><code class="language-bash"># List all projects
|
|
245
|
+
vercel project ls
|
|
246
|
+
|
|
247
|
+
# Create new project
|
|
248
|
+
vercel project add
|
|
249
|
+
|
|
250
|
+
# Remove project
|
|
251
|
+
vercel project rm <project-name>
|
|
252
|
+
</code></pre>
|
|
253
|
+
<p><strong>Project Commands</strong>: <a href="https://vercel.com/docs/cli#commands/project">https://vercel.com/docs/cli#commands/project</a></p>
|
|
254
|
+
<h3>Environment Variables</h3>
|
|
255
|
+
<pre><code class="language-bash"># Add environment variable
|
|
256
|
+
vercel env add
|
|
257
|
+
|
|
258
|
+
# List environment variables
|
|
259
|
+
vercel env ls
|
|
260
|
+
|
|
261
|
+
# Remove environment variable
|
|
262
|
+
vercel env rm <variable-name>
|
|
263
|
+
</code></pre>
|
|
264
|
+
<p><strong>Environment Variables Guide</strong>: <a href="https://vercel.com/docs/concepts/projects/environment-variables">https://vercel.com/docs/concepts/projects/environment-variables</a></p>
|
|
265
|
+
<h2>Troubleshooting</h2>
|
|
266
|
+
<h3>Common Issues</h3>
|
|
267
|
+
<h4>1. Command Not Found</h4>
|
|
268
|
+
<p>If <code>vercel</code> command is not found after installation:</p>
|
|
269
|
+
<p><strong>Solution</strong>: Add npm global bin to PATH</p>
|
|
270
|
+
<pre><code class="language-bash"># Find npm bin location
|
|
271
|
+
npm bin -g
|
|
272
|
+
|
|
273
|
+
# Add to PATH (bash/zsh)
|
|
274
|
+
export PATH="$(npm bin -g):$PATH"
|
|
275
|
+
</code></pre>
|
|
276
|
+
<p><strong>PATH Configuration Guide</strong>: <a href="https://vercel.com/docs/cli#installation/troubleshooting">https://vercel.com/docs/cli#installation/troubleshooting</a></p>
|
|
277
|
+
<h4>2. Authentication Issues</h4>
|
|
278
|
+
<p>If login fails or tokens expire:</p>
|
|
279
|
+
<pre><code class="language-bash"># Logout and login again
|
|
280
|
+
vercel logout
|
|
281
|
+
vercel login
|
|
282
|
+
</code></pre>
|
|
283
|
+
<p><strong>Authentication Troubleshooting</strong>: <a href="https://vercel.com/docs/cli#authentication/troubleshooting">https://vercel.com/docs/cli#authentication/troubleshooting</a></p>
|
|
284
|
+
<h4>3. Permission Errors</h4>
|
|
285
|
+
<p>For npm permission errors during global install:</p>
|
|
286
|
+
<p><strong>Option 1</strong>: Use npm's official guide<br><a href="https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally">https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally</a></p>
|
|
287
|
+
<p><strong>Option 2</strong>: Use Node Version Manager (nvm)<br><a href="https://github.com/nvm-sh/nvm">https://github.com/nvm-sh/nvm</a></p>
|
|
288
|
+
<h4>4. Proxy Configuration</h4>
|
|
289
|
+
<p>For corporate environments:</p>
|
|
290
|
+
<pre><code class="language-bash"># Set proxy
|
|
291
|
+
vercel --proxy http://proxy.company.com:8080
|
|
292
|
+
|
|
293
|
+
# Or use environment variables
|
|
294
|
+
export HTTP_PROXY=http://proxy.company.com:8080
|
|
295
|
+
export HTTPS_PROXY=http://proxy.company.com:8080
|
|
296
|
+
</code></pre>
|
|
297
|
+
<p><strong>Proxy Documentation</strong>: <a href="https://vercel.com/docs/cli#using-behind-a-proxy">https://vercel.com/docs/cli#using-behind-a-proxy</a></p>
|
|
298
|
+
<h2>Platform-Specific Instructions</h2>
|
|
299
|
+
<h3>macOS</h3>
|
|
300
|
+
<ol>
|
|
301
|
+
<li><p><strong>Install via Homebrew</strong> (recommended):</p>
|
|
302
|
+
<pre><code class="language-bash">brew install vercel-cli
|
|
303
|
+
</code></pre>
|
|
304
|
+
</li>
|
|
305
|
+
<li><p><strong>Verify Xcode Command Line Tools</strong>:</p>
|
|
306
|
+
<pre><code class="language-bash">xcode-select --install
|
|
307
|
+
</code></pre>
|
|
308
|
+
</li>
|
|
309
|
+
</ol>
|
|
310
|
+
<p><strong>macOS Guide</strong>: <a href="https://vercel.com/docs/cli#macos-installation">https://vercel.com/docs/cli#macos-installation</a></p>
|
|
311
|
+
<h3>Windows</h3>
|
|
312
|
+
<ol>
|
|
313
|
+
<li><p><strong>Install Node.js</strong> from <a href="https://nodejs.org/">https://nodejs.org/</a></p>
|
|
314
|
+
</li>
|
|
315
|
+
<li><p><strong>Use PowerShell as Administrator</strong>:</p>
|
|
316
|
+
<pre><code class="language-powershell">npm install -g vercel
|
|
317
|
+
</code></pre>
|
|
318
|
+
</li>
|
|
319
|
+
<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>
|
|
320
|
+
</li>
|
|
321
|
+
</ol>
|
|
322
|
+
<h3>Linux</h3>
|
|
323
|
+
<ol>
|
|
324
|
+
<li><p><strong>Install Node.js via package manager</strong>:</p>
|
|
325
|
+
<pre><code class="language-bash"># Ubuntu/Debian
|
|
326
|
+
sudo apt update
|
|
327
|
+
sudo apt install nodejs npm
|
|
328
|
+
|
|
329
|
+
# Fedora
|
|
330
|
+
sudo dnf install nodejs npm
|
|
331
|
+
|
|
332
|
+
# Arch
|
|
333
|
+
sudo pacman -S nodejs npm
|
|
334
|
+
</code></pre>
|
|
335
|
+
</li>
|
|
336
|
+
<li><p><strong>Install Vercel CLI</strong>:</p>
|
|
337
|
+
<pre><code class="language-bash">sudo npm install -g vercel
|
|
338
|
+
</code></pre>
|
|
339
|
+
</li>
|
|
340
|
+
</ol>
|
|
341
|
+
<p><strong>Linux Guide</strong>: <a href="https://vercel.com/docs/cli#linux-installation">https://vercel.com/docs/cli#linux-installation</a></p>
|
|
342
|
+
<h2>CI/CD Integration</h2>
|
|
343
|
+
<h3>GitHub Actions</h3>
|
|
344
|
+
<pre><code class="language-yaml">- name: Install Vercel CLI
|
|
345
|
+
run: npm install -g vercel
|
|
346
|
+
|
|
347
|
+
- name: Deploy to Vercel
|
|
348
|
+
run: vercel --prod --token=${{ secrets.VERCEL_TOKEN }}
|
|
349
|
+
</code></pre>
|
|
350
|
+
<p><strong>GitHub Actions Guide</strong>: <a href="https://vercel.com/guides/how-can-i-use-github-actions-with-vercel">https://vercel.com/guides/how-can-i-use-github-actions-with-vercel</a></p>
|
|
351
|
+
<h3>GitLab CI</h3>
|
|
352
|
+
<pre><code class="language-yaml">deploy:
|
|
353
|
+
script:
|
|
354
|
+
- npm install -g vercel
|
|
355
|
+
- vercel --prod --token=$VERCEL_TOKEN
|
|
356
|
+
</code></pre>
|
|
357
|
+
<p><strong>GitLab CI Guide</strong>: <a href="https://vercel.com/docs/concepts/deployments/git/gitlab">https://vercel.com/docs/concepts/deployments/git/gitlab</a></p>
|
|
358
|
+
<h2>Advanced Configuration</h2>
|
|
359
|
+
<h3>Custom Build Commands</h3>
|
|
360
|
+
<pre><code class="language-json">{
|
|
361
|
+
"buildCommand": "npm run build",
|
|
362
|
+
"outputDirectory": "dist",
|
|
363
|
+
"devCommand": "npm run dev"
|
|
364
|
+
}
|
|
365
|
+
</code></pre>
|
|
366
|
+
<h3>Monorepo Support</h3>
|
|
367
|
+
<pre><code class="language-bash"># Deploy from subdirectory
|
|
368
|
+
vercel --cwd ./apps/web
|
|
369
|
+
</code></pre>
|
|
370
|
+
<p><strong>Monorepo Guide</strong>: <a href="https://vercel.com/docs/concepts/monorepos">https://vercel.com/docs/concepts/monorepos</a></p>
|
|
371
|
+
<h3>Team Collaboration</h3>
|
|
372
|
+
<pre><code class="language-bash"># Switch team context
|
|
373
|
+
vercel switch
|
|
374
|
+
|
|
375
|
+
# Invite team member
|
|
376
|
+
vercel team invite <email>
|
|
377
|
+
</code></pre>
|
|
378
|
+
<p><strong>Team Management</strong>: <a href="https://vercel.com/docs/cli#commands/teams">https://vercel.com/docs/cli#commands/teams</a></p>
|
|
379
|
+
<h2>Security Best Practices</h2>
|
|
380
|
+
<h3>1. Token Management</h3>
|
|
381
|
+
<ul>
|
|
382
|
+
<li><strong>Never commit tokens</strong> to version control ✅</li>
|
|
383
|
+
<li><strong>Use environment variables</strong> for CI/CD ✅</li>
|
|
384
|
+
<li><strong>Rotate tokens regularly</strong> ✅</li>
|
|
385
|
+
</ul>
|
|
386
|
+
<p><strong>Security Guide</strong>: <a href="https://vercel.com/docs/security">https://vercel.com/docs/security</a></p>
|
|
387
|
+
<h3>2. Scoped Tokens</h3>
|
|
388
|
+
<p>Create scoped tokens for specific projects:<br><a href="https://vercel.com/account/tokens">https://vercel.com/account/tokens</a></p>
|
|
389
|
+
<h3>3. Two-Factor Authentication</h3>
|
|
390
|
+
<p>Enable 2FA on your Vercel account:<br><a href="https://vercel.com/docs/accounts/team-members/two-factor-authentication">https://vercel.com/docs/accounts/team-members/two-factor-authentication</a></p>
|
|
391
|
+
<h2>Additional Resources</h2>
|
|
392
|
+
<h3>Official Documentation</h3>
|
|
393
|
+
<ul>
|
|
394
|
+
<li><strong>Main CLI Documentation</strong>: <a href="https://vercel.com/docs/cli">https://vercel.com/docs/cli</a></li>
|
|
395
|
+
<li><strong>API Reference</strong>: <a href="https://vercel.com/docs/rest-api">https://vercel.com/docs/rest-api</a></li>
|
|
396
|
+
<li><strong>Examples Repository</strong>: <a href="https://github.com/vercel/examples">https://github.com/vercel/examples</a></li>
|
|
397
|
+
</ul>
|
|
398
|
+
<h3>Community Resources</h3>
|
|
399
|
+
<ul>
|
|
400
|
+
<li><strong>Discord Community</strong>: <a href="https://vercel.com/discord">https://vercel.com/discord</a></li>
|
|
401
|
+
<li><strong>GitHub Discussions</strong>: <a href="https://github.com/vercel/vercel/discussions">https://github.com/vercel/vercel/discussions</a></li>
|
|
402
|
+
<li><strong>Stack Overflow</strong>: <a href="https://stackoverflow.com/questions/tagged/vercel">https://stackoverflow.com/questions/tagged/vercel</a></li>
|
|
403
|
+
</ul>
|
|
404
|
+
<h3>Video Tutorials</h3>
|
|
405
|
+
<ul>
|
|
406
|
+
<li><strong>Official YouTube Channel</strong>: <a href="https://www.youtube.com/c/VercelHQ">https://www.youtube.com/c/VercelHQ</a></li>
|
|
407
|
+
<li><strong>Getting Started Playlist</strong>: <a href="https://vercel.com/docs/getting-started-with-vercel">https://vercel.com/docs/getting-started-with-vercel</a></li>
|
|
408
|
+
</ul>
|
|
409
|
+
<h2>Version History</h2>
|
|
410
|
+
<table>
|
|
411
|
+
<thead>
|
|
412
|
+
<tr>
|
|
413
|
+
<th>Version</th>
|
|
414
|
+
<th>Release Date</th>
|
|
415
|
+
<th>Notes</th>
|
|
416
|
+
</tr>
|
|
417
|
+
</thead>
|
|
418
|
+
<tbody><tr>
|
|
419
|
+
<td>Latest</td>
|
|
420
|
+
<td>Check npm</td>
|
|
421
|
+
<td><a href="https://www.npmjs.com/package/vercel">https://www.npmjs.com/package/vercel</a></td>
|
|
422
|
+
</tr>
|
|
423
|
+
<tr>
|
|
424
|
+
<td>Changelog</td>
|
|
425
|
+
<td>All versions</td>
|
|
426
|
+
<td><a href="https://github.com/vercel/vercel/releases">https://github.com/vercel/vercel/releases</a></td>
|
|
427
|
+
</tr>
|
|
428
|
+
</tbody></table>
|
|
429
|
+
<h2>Support</h2>
|
|
430
|
+
<h3>Getting Help</h3>
|
|
431
|
+
<ul>
|
|
432
|
+
<li><strong>Documentation</strong>: <a href="https://vercel.com/docs">https://vercel.com/docs</a></li>
|
|
433
|
+
<li><strong>Support Portal</strong>: <a href="https://vercel.com/support">https://vercel.com/support</a></li>
|
|
434
|
+
<li><strong>Status Page</strong>: <a href="https://www.vercel-status.com/">https://www.vercel-status.com/</a></li>
|
|
435
|
+
</ul>
|
|
436
|
+
<h3>Reporting Issues</h3>
|
|
437
|
+
<ul>
|
|
438
|
+
<li><strong>GitHub Issues</strong>: <a href="https://github.com/vercel/vercel/issues">https://github.com/vercel/vercel/issues</a></li>
|
|
439
|
+
<li><strong>Feature Requests</strong>: <a href="https://github.com/vercel/vercel/discussions/categories/ideas">https://github.com/vercel/vercel/discussions/categories/ideas</a></li>
|
|
440
|
+
</ul>
|
|
441
|
+
<hr>
|
|
442
|
+
<p>This guide provides comprehensive coverage of Vercel CLI setup and configuration. For the most up-to-date information, always refer to the official Vercel documentation at <a href="https://vercel.com/docs">https://vercel.com/docs</a>.</p>
|
|
443
|
+
|
|
444
|
+
</div>
|
|
445
|
+
</main>
|
|
446
|
+
</div>
|
|
447
|
+
|
|
448
|
+
<!-- Scripts -->
|
|
449
|
+
<script src="/js/main.js"></script>
|
|
450
|
+
|
|
451
|
+
</body>
|
|
452
|
+
</html>
|