Does it support custom database configurations?

Yes, it can detect database dependencies like Prisma or Drizzle and optionally include PostgreSQL orchestration in the generated Docker Compose files.

Can I use this for automated CDN uploads?

Yes, the skill includes an optional step in the GitHub Actions workflow to sync static assets to S3-compatible CDNs like Cloudflare R2.

Will it overwrite my existing deployment files?

The skill includes a detection step that checks for existing Docker or workflow files and will prompt for user confirmation before overwriting any data.

How does it handle security in Docker images?

It generates multi-stage builds using slim Node.js images, implements a non-root 'appuser' for execution, and configures .dockerignore to prevent secret leakage.

Which frameworks does fe-deploy-setup support?

The skill currently supports Nuxt 4 and Next.js projects, with automatic detection of package managers like pnpm, yarn, and npm.

Frontend Deployment Setup

Name: Frontend Deployment Setup
Author: Dante-dan

byDante-dan

0•

デプロイメントとDevOps

Automates the generation of production-ready CI/CD and containerization infrastructure for Nuxt 4 and Next.js projects.

The fe-deploy-setup skill simplifies the transition from local development to production by automatically detecting your framework settings and generating a complete deployment suite. It creates optimized Dockerfiles, GitHub Actions workflows for automated builds and registry pushes, Docker Compose configurations, and comprehensive environment documentation. Ideal for developers looking to implement best-practice DevOps workflows without manual configuration, it ensures secure, non-root container execution and streamlined VPS deployments.

主な機能

01Includes turnkey VPS deployment scripts and Docker Compose orchestration

02Creates security-hardened Docker images using slim bases and non-root users

03Automatic detection of Nuxt 4/Next.js frameworks and Node.js versions

04Auto-generates environment variable templates and documentation

05Generates GitHub Actions workflows for building and pushing to GHCR

060 GitHub stars

ユースケース

01Setting up automated CI/CD pipelines for new Nuxt or Next.js applications

02Standardizing deployment scripts and security practices across multiple repositories

03Migrating existing frontend projects to containerized Docker environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dante-dan/dan-skills fe-deploy-setup

For use in Claude.ai and ChatGPT

Download Skill