| name | vercel-hello-world |
| description | Create a minimal working Vercel deployment with a serverless API route.
Use when starting a new Vercel project, testing your setup,
or learning basic Vercel deployment and API route patterns.
Trigger with phrases like "vercel hello world", "vercel example",
"vercel quick start", "simple vercel project", "first vercel deploy".
|
| allowed-tools | Read, Write, Edit, Bash(vercel:*), Bash(npm:*), Bash(npx:*), Bash(curl:*) |
| version | 1.18.0 |
| license | MIT |
| author | Jeremy Longshore <jeremy@intentsolutions.io> |
| tags | ["saas","vercel","api","quickstart","deployment"] |
| compatibility | Designed for Claude Code, also compatible with Codex and OpenClaw |
Vercel Hello World
Overview
Deploy a minimal project to Vercel with a static page and a serverless API route. Confirms your CLI auth, project structure, and deployment pipeline work end to end.
Prerequisites
- Completed
vercel-install-auth setup
- Vercel CLI installed and authenticated
- Node.js 18+
Instructions
Step 1: Create Project Structure
mkdir my-vercel-app && cd my-vercel-app
npm init -y
Create the static landing page:
<!DOCTYPE html>
<html>
<head><title>Hello Vercel</title></head>
<body>
<h1>Hello from Vercel</h1>
<p id="result">Loading...</p>
<script>
fetch('/api/hello')
.then(r => r.json())
.then(d => document.getElementById('result').textContent = d.message);
</script>
