vercel-hello-world

Solid

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".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%

100

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# 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 ```bash mkdir my-vercel-app && cd my-vercel-app npm init -y ``` Create the static landing page: ```html  <!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> </body> </html> ``` ### Step 2: Create Serverless API Route ```typescript // api/hello.ts import type { VercelRequest, VercelResponse } from '@vercel/node'; export default function handler(req: VercelRequest, res: VercelResponse) { res.status(200).json({ message: 'Hello from Vercel Serverless Function!', timestamp: new Date().toISOString(), region: process.env.VERCEL_REGION || 'local', }); } ``` Install the types: ```bash npm install --save-dev @vercel/node typescript ``` ### Step 3: Add vercel.json Configuration ```json { "rewrites": [ { "source": "/api/(.*)", "destination": "/api/$1" } ], "headers": [ { "source": "/api/(.*)", "headers": [ { "key": "Cac...

Details

Author: jeremylongshore
Repository: jeremylongshore/claude-code-plugins-plus-skills
Created: 7 months ago
Last Updated: today
Language: Python
License: MIT

Integrates with

Anthropic · AI Vercel · Cloud npm · DevTools

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

vercel

Deploy and configure applications on Vercel. Use when deploying Next.js apps, configuring serverless functions, setting up edge functions, or managing Vercel projects. Triggers on Vercel, deploy, serverless, edge function, Next.js deployment.

2 Updated today

Makiya1202

DevOps & Infrastructure Listed

vercel

Deploys applications to Vercel including serverless functions, edge functions, environment variables, and CI/CD. Use when deploying Next.js applications, frontend projects, or serverless APIs.

42 Updated 2 months ago

diegosouzapw

DevOps & Infrastructure Listed

vercel

Deploys applications to Vercel including serverless functions, edge functions, environment variables, and CI/CD. Use when deploying Next.js applications, frontend projects, or serverless APIs.

4 Updated 4 months ago

mgd34msu

AI & Automation Solid

vercel-local-dev-loop

Configure Vercel local development with vercel dev, environment variables, and hot reload. Use when setting up a development environment, testing serverless functions locally, or establishing a fast iteration cycle with Vercel. Trigger with phrases like "vercel dev setup", "vercel local development", "vercel dev environment", "develop with vercel locally".

2,266 Updated today

jeremylongshore

AI & Automation Featured

vercel-deployment

Expert knowledge for deploying to Vercel with Next.js

39,227 Updated today

sickn33