Name: Web Deploy
Author: cmanfre7

AlphaMoatによると、2026-09時点でWeb Deployのダウンロード数は4,880、スター数は1で、AIスキル全体5,078件中1,915位、開発では577件中244位です。

インストール数

247

ダウンロード数

4880

スター数

総合順位

#1,915

全体の上位 38% · 開発の上位 43%

プラットフォーム	インストール数	ダウンロード数	スター数	コメント
ClawHub ↗	152	4380	1	-
SkillHub ↗	247	4880	1	—

プラットフォームごとに集計方法と集計時点が異なります。

このスキルでできること

Vercel、Railway、GitHub Pages、ローカル Canvas などを使って Web サイト、アプリ、API を構築、プレビュー、デプロイします。本番デプロイは公開サービスに影響するため、対象環境、ビルド、公開内容を確認してください。

資料公開日 2026-10-27

できること

Web サイトやアプリを構築・プレビューする
Web アプリや API をデプロイする

使う場面

サイトやサービスを本番公開するとき
デプロイ前にビルドと対象環境を確認するとき

プロンプト例

スキルのドキュメントをもとに生成した例であり、実際の実行結果ではありません。

サイトをローカルでプレビューし、対象環境を一覧表示して。

公開する版と影響を示し、確認を待ってからデプロイして。

月次の推移

ダウンロード数4880

スター数1

2026-09 から集計方法を変更し、同名スキルを作者ごとに分けて集計し、全スキルを対象にしました。破線は変更前の月で、変更後のデータとは直接比較せず、変更をまたぐ増減も計算していません。

月	ダウンロード数	前月比	スター数
2026-09	4880	—	1
2026-08	4525	+3.4%	1
2026-07	4375	+8.8%	1
2026-06	4021	+2.7%	1
2026-05	3915	—	1
2026-03	3353	—	1

SKILL.md 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 2026-10-23。

2.4 KB・ClawHub v1.0.0

# web-deploy

Build and deploy websites, web apps, and APIs to production.

## Local Preview Workflow

```bash
# Static site
npx http-server ./dist -p 8080 -c-1

すべて表示(全 127 行)

# Next.js
npm run dev          # Development (hot reload)
npm run build && npm run start  # Production preview

# FastAPI
uvicorn app.main:app --reload --port 8000

# Vite-based
npm run dev          # Dev server
npm run build && npx serve dist  # Production preview
```

## Deployment Targets

### Vercel (Frontend / Next.js / Static)

```bash
# First time setup
npx vercel link

# Preview deployment
npx vercel

# Production deployment
npx vercel --prod

# Environment variables
npx vercel env add SECRET_KEY
```

**Best for:** Next.js apps, React SPAs, static sites, serverless functions.

**Config:** `vercel.json` (usually not needed for Next.js)
```json
{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "framework": "nextjs"
}
```

### Railway (Backend / APIs / Databases)

```bash
# First time setup
railway login
railway init

# Deploy
railway up

# Add database
railway add --plugin postgresql

# Environment variables
railway variables set SECRET_KEY=value

# View logs
railway logs
```

**Best for:** Backend APIs, databases, long-running processes, Docker containers.

### GitHub Pages (Static Sites)

```bash
# Using gh-pages package
npm install -D gh-pages
# Add to package.json scripts: "deploy": "gh-pages -d dist"
npm run build && npm run deploy
```

**Best for:** Documentation, simple static sites, project pages.

### Canvas (Clawdbot Workspace)

Deploy to `~/clawd/canvas/` for local serving through the clawdbot gateway.
```bash
cp -r ./dist/* ~/clawd/canvas/my-project/
```

## Pre-Deploy Checklist

- [ ] Build succeeds locally (`npm run build` / `python -m build`)
- [ ] No TypeScript/lint errors
- [ ] Tests pass
- [ ] Environment variables set on target platform
- [ ] `.env` / secrets NOT in git
- [ ] `robots.txt` and `sitemap.xml` if public site
- [ ] Favicon and meta tags set
- [ ] HTTPS configured (automatic on Vercel/Railway)
- [ ] Error pages (404, 500) configured
- [ ] Performance: images optimized, code split, no huge bundles

## Rollback

```bash
# Vercel — redeploy previous
npx vercel rollback

# Railway — redeploy previous
railway rollback

# Git-based — revert and push
git revert HEAD && git push
```

## Domain Setup

```bash
# Vercel
npx vercel domains add mydomain.com

# DNS: Point CNAME to cname.vercel-dns.com
# Or A record to 76.76.21.21
```