skills.rest
sayali-ingle-pdl
sayali-ingle-pdlCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill nginx-sites-available
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
KaiserWhoLearnsKaiserWhoLearns

nginx-sites-available

Generate a default nginx sites-available configuration for serving a Vue SPA.

Community
Intermediate
aziglerazigler
8

nginx

Configure nginx reverse-proxy vhosts with certbot TLS and validate before reload.

Community
Advanced
4IRL4IRL
3

build-vite

Validate Vite builds inside Docker containers using npm build commands.

Official
Intermediate
PiaoxuemoliPiaoxuemoli

static-html-deploy

Automate static HTML site deployment with Caddy and nginx on Linux.

Community
Intermediate