← ClaudeAtlas

sc-vercellisted

Vercel deploy as online frontend host. Create project bound to a GitHub repo, set CONVEX_DEPLOY_KEY, set build command to couple Convex Cloud deploy + Next.js build (injects NEXT_PUBLIC_CONVEX_URL), add a custom domain or subdomain, configure Hostinger DNS (CNAME for subdomain / A for apex) from Vercel's required config, trigger + poll deploy. Pairs with /sc-convex-cloud for the Convex Cloud backend.
rahmanef63/si-coder-agent · ★ 9 · Web & Frontend · score 79
Install: claude install-skill rahmanef63/si-coder-agent
# /sc-vercel — Vercel (online frontend) > **Status:** implemented (online path). ```mermaid flowchart TD A["/sc-vercel"] --> B["find/create Vercel project<br/>(bound to GitHub repo)"] B --> C["set CONVEX_DEPLOY_KEY (encrypted)"] C --> D["set coupled build cmd<br/>npx convex deploy --cmd 'npm run build'"] D --> E["add custom domain / subdomain"] E --> F["read required DNS from Vercel<br/>(array-normalized + IPv4 guard)"] F --> G["Hostinger DNS<br/>CNAME (sub) / A (apex)"] G --> H["trigger deploy + poll readyState<br/>(15-min cap, blip-tolerant)"] H --> I["live URL ✅<br/>NEXT_PUBLIC_CONVEX_URL injected at build"] ``` ## When to use - You want Vercel's edge network for the Next.js frontend, with the Convex backend on **Convex Cloud** (managed). - You don't want to deal with a Dockerfile / Compose for the frontend. - The online counterpart to the self-hosted Dokploy path. Pair with `/sc-convex-cloud` for the backend. ## Scope (implemented) `scripts/deploy.js` is a single 12-step orchestrator: 1. Build a team-aware Vercel client from `VERCEL_TOKEN` (+ optional `VERCEL_TEAM_ID`). 2. Resolve the GitHub repo: `--git-owner/--git-repo`, else read `origin` from the local git remote. 3. `findOrCreateProject({ name, gitRepo, framework:'nextjs' })` — bind the repo on create. 4. Set env vars: `CONVEX_DEPLOY_KEY` (`type:'encrypted'`, **Production only** — it's a prod key). Do **not** set `NEXT_PUBLIC_CONVEX_URL` (injected by the build). 5. Set the coupl