Frontend Deployment Standard

Use this skill to quickly scaffold or verify the Docker and CI/CD infrastructure for a Vite-based frontend project.

Key Features

• Git Auto-detection: Automatically captures commit hash and date during build (even if build-args are missing).
• Multi-stage Builds: Minimal production images using Nginx.
• Environment Isolation: Separate configurations for Local Development, Staging (QA), and Production.
• CI/CD Integrated: Workflows for GitHub Actions and Dokploy.

🚀 Workflow

1. Analyze Project: Check if it's a Vite project and identify its build command (usually npm run build).
2. Generate Configs: Create the Docker, Compose, and Workflows files using the templates below.
3. Environment Setup: Prompt the user to configure variables in the .env or Dokploy dashboard.
4. Verification: Build locally to ensure the .git folder is correctly read and the commit.txt is generated.