skills.rest
SimyV
SimyVCOMMUNITY
Explore all skills by this author →
GitHub

dev-containers

Structure web apps for dev-container previews and production deployments behind nginx-based reverse proxies.

Updated Aug 27, 2026
Search Tags:#containers#vite#frontend-backend#nginx#reverse-proxy#dev-container
One-click install
npx skills add https://github.com/SimyV/agent-system --skill dev-containers
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-containers
Source: https://github.com/SimyV/agent-system/tree/main/config/skills/web-development/dev-containers
Command: npx skills add https://github.com/SimyV/agent-system --skill dev-containers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web apps often face environment drift when moving from local development to containerized previews and production behind a reverse proxy. This Skill provides a structured approach to build, test, and deploy web applications that reliably run in dev containers and behind proxy servers.

Core Features & Use Cases

  • Dev container preview: scaffold and run a development container that exposes a preview URL for rapid iteration.
  • Production-ready deployment: configure builds behind a reverse proxy (nginx/cloudflare) to serve production assets with correct base paths.
  • Frontend+Backend orchestration: guidance for coordinating Vite frontend and backend services inside containers, with proper base paths and environment variables for consistent behavior.

Quick Start

Use this skill to scaffold a container-ready web app and start the preview environment to verify container-based workflows.

Frequently Asked Questions about dev-containers

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

FAQPage Schema
How do I configure a Vite frontend for production deployment behind an nginx reverse proxy?▼

To configure a Vite frontend behind an nginx reverse proxy, enforce environment-aware base paths during the build process. This ensures production assets are served correctly by aligning the containerized build output with the proxy routing rules.

What is a dev container preview and how does it prevent environment drift in web apps?▼

A dev container preview runs your web app in a structured Docker container to expose a preview URL. It prevents environment drift by matching local development dependencies with the containerized production runtime.

How do I orchestrate frontend and backend services inside dev containers?▼

To orchestrate frontend and backend services inside dev containers, use multi-service orchestration with proper base paths and environment variables. This coordinates Vite and backend workflows for consistent behavior across environments.

Can I use a Dockerfile.dev for rapid iteration in containerized web apps?▼

Yes, you can use a Dockerfile.dev to scaffold and run a development container for rapid iteration. It enables a preview environment that verifies container-based workflows without altering production configurations.

What is the best way to structure web apps for both dev previews and reverse proxy production?▼

The best way to structure web apps for dev previews and reverse proxy production is enforcing environment-aware base paths. This approach handles multi-service orchestration and guides reliable builds across Vite and nginx.

Related Skills

Explore More Software Engineering Skills→
sarimofficialsarimofficial

Dockerfile Generator

Generate multi-stage Dockerfiles for Next.js frontends and FastAPI backends.

Community
Intermediate
freedomw1987freedomw1987
2

nginx-sse-streaming-fix

Configure nginx and backend headers to disable buffering for SSE streaming.

Community
Intermediate
sukeun1997sukeun1997

haru-infra

Automate OCI Always Free infrastructure deployment with Docker Compose and Nginx.

Community
Advanced
Sir-chawakornSir-chawakorn
33

containerization

Create Dockerfiles, docker-compose configurations, and Kubernetes deployment manifests.

Community
Intermediate