nginx-sites-available

Generate an nginx sites-available default configuration for Vue SPAs.

Updated Nov 20, 2025

Search Tags:#deployment #vue #docker #nginx #sites-available #spa-routing #nginx-config

Ready to run

npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill nginx-sites-available

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nginx-sites-available
Source: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/tree/main/.github/agents/app-starter/agents-context/skills/nginx-sites-available
Command: npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill nginx-sites-available

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a ready-to-use nginx sites-available default configuration file in the project root for Debian/Ubuntu-based nginx installations, tailored for SPA apps like Vue to run with proper routing and sensible defaults.

Core Features & Use Cases

SPA routing support via try_files to enable client-side routing.
IPv4/IPv6 dual-stack on port 8080, with default_server.
Custom error handling pages and commented SSL/PHP templates for production.
Docker integration by copying to /etc/nginx/sites-available/default during build.
Guidance on Sites-Available vs Sites-Enabled for deployment.

Quick Start

Generate the nginx-sites-available-default file in the project root.

Frequently Asked Questions about nginx-sites-available

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

FAQPage Schema

How do I configure nginx for a Vue SPA to handle client-side routing?▼

Configuring nginx for a Vue SPA requires a sites-available file using try_files to fallback to index.html. This generates a Debian/Ubuntu nginx template with SPA routing support, enabling client-side routing without server-side 404 errors.

Does this nginx sites-available template support IPv6 and Docker deployment?▼

Yes, the nginx sites-available template supports IPv4/IPv6 dual-stack listening on port 8080 with default_server. It is designed for Docker integration, allowing you to copy the file directly to /etc/nginx/sites-available/default during the container build process.

What is the difference between sites-available and sites-enabled in nginx deployment?▼

Sites-available stores actual nginx server block configurations, while sites-enabled contains symlinks to activate them. This Skill generates the sites-available default file and provides guidance on properly enabling it for deployment.

Can I use this nginx config for production environments with SSL?▼

Yes, you can use this nginx config for production as it includes custom error page handling and commented SSL templates. You need to uncomment and edit the SSL directives within the generated file to enable HTTPS for your SPA application.

Why does my Vue app return 404 errors after refreshing in nginx?▼

Vue apps return 404 errors on refresh in nginx because the server attempts to locate static files for client-side routes. An nginx sites-available configuration using try_files redirects unknown paths to index.html, resolving the SPA routing issue.