Which frameworks are supported by this skill?

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

Does it support automatic CDN uploads?

Yes, during the configuration step, you can provide CDN details (such as Cloudflare R2) to include automated asset upload steps in the generated GitHub Actions workflow.

Do I need to manually configure GitHub Secrets?

The basic workflow uses the built-in GITHUB_TOKEN for registry access. However, optional features like CDN uploads or database connections will require you to add the relevant secrets to your GitHub repository settings.

Is the generated Dockerfile secure for production?

Yes. The skill generates slim images using non-root users and implements strict .dockerignore rules to prevent sensitive data leakage and minimize the attack surface.

Frontend Deployment Setup

Name: Frontend Deployment Setup
Author: Dante-dan

byDante-dan

0•

Deployment & DevOps

Automatically generates production-ready CI/CD workflows, Docker configurations, and deployment scripts for Nuxt 4 and Next.js projects.

Frontend Deployment Setup is a specialized Claude Code skill designed to bridge the gap between development and production. It intelligently detects your project framework (Nuxt 4 or Next.js), identifies your package manager, and gathers environment requirements through an interactive prompt to generate a comprehensive suite of deployment assets. By producing optimized multi-stage Dockerfiles, GitHub Actions for automated building and pushing to GHCR, and production-grade Docker Compose configurations, this skill ensures your application is ready for secure, scalable hosting on any VPS or cloud provider with minimal manual intervention.

Key Features

01Generates GitHub Actions workflows for automated CI/CD to GitHub Container Registry (GHCR)

02Automatic framework detection for Nuxt 4 and Next.js projects

03Provides comprehensive environment variable documentation and templates

04Includes one-command VPS deployment scripts and Docker Compose orchestration

05Creates optimized, non-root Dockerfiles with minimal production footprints

060 GitHub stars

Use Cases

01Setting up a new Nuxt or Next.js project for production deployment on a VPS

02Automating containerized builds and registry pushes via GitHub Actions

03Standardizing deployment infrastructure across multiple frontend projects

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