skills.rest
benjaminshafii
benjaminshafiiCOMMUNITY
Explore all skills by this author →
𝕏@benjaminshafiiGitHub

website-deploy

Deploy Vite/React frontend applications to Vercel under a custom subdomain.

10|Updated Nov 29, 2025
Search Tags:#deployment#frontend#pnpm#vercel#deploy#web-app#subdomain
One-click install
npx skills add https://github.com/benjaminshafii/digital-empire --skill website-deploy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-deploy
Source: https://github.com/benjaminshafii/digital-empire/tree/main/.opencode/skill/website-deploy
Command: npx skills add https://github.com/benjaminshafii/digital-empire --skill website-deploy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the deployment of frontend web apps to a personal subdomain on Vercel, turning code changes into live sites with minimal setup.

Core Features & Use Cases

  • One-click deployment workflow: Create a new app under apps/<app-name>/, configure Vercel, and push to production.
  • Environment-aware builds: Switch Vercel teams, link custom domains, and publish to https://<subdomain>.benjaminshafii.com.
  • Use Case: A developer wants to release a new portfolio site to a dedicated subdomain without manual server configuration.

Quick Start

Use the website-deploy skill to publish the app located in apps/<app-name>/ to a Vercel project and attach the subdomain benjaminshafii.com.

Frequently Asked Questions about website-deploy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Vite or React frontend to a Vercel subdomain?▼

Deploying a Vite or React frontend to a Vercel subdomain is automated by creating a new Vercel project, installing dependencies via pnpm, linking your custom domain, and pushing the app to production.

What do I need to configure before deploying a web app to Vercel?▼

Before deploying a web app to Vercel, you need the Vercel CLI installed and must configure the VERCEL_TEAM and VERCEL_DOMAIN environment variables to ensure the project maps to your correct team and subdomain.

Does one-click Vercel deployment work with pnpm monorepo apps?▼

One-click Vercel deployment works with frontend projects located in an apps/<app-name>/ directory structure using pnpm, automating dependency installation and project configuration for production.

What is the best way to publish a portfolio site to a custom subdomain without manual server configuration?▼

Publishing a portfolio site to a custom subdomain without manual server configuration is achieved by automating Vercel project creation and domain linking, turning code changes into live sites directly.

Why does my Vercel deployment require a specific subdomain format?▼

Your Vercel deployment requires a specific subdomain format to correctly route traffic, publishing your web app to a dedicated URL like https://<subdomain>.benjaminshafii.com based on your configured VERCEL_DOMAIN.

Related Skills

Explore More Software Engineering Skills→
JordiNodeJSJordiNodeJS

vercel-cli-management

Automate Vercel CLI workflows for Next.js deployments, domains, and environment variables.

Community
Intermediate
motormetricsmotormetrics
21

domain-management

Configure Vercel domain routing, DNS records, and SSL for motormetrics.app.

Official
Intermediate
gopforevergopforever

react-vite

Guide React and Vite app builds in a pnpm monorepo with design subagent delegation.

Community
Intermediate
JetBrainsJetBrains
302

netlify-deploy

Automates Netlify CLI authentication, linking, and deployment of web projects.

Official
Advanced