Run any Skill in Manus with one click

vue-ssr-deployment

Stars3

Forks0

UpdatedJune 6, 2026 at 09:02

Deployment and CI/CD reference for the Vue SSR Starter Kit: Docker multi-stage build, docker-compose split into a base (app, remote DB) plus a docker-compose.local.yml override (local mongo) switched via the COMPOSE_FILE variable in .env, GitHub Actions workflows (npm-publish on tags, npm-test on PR, docker-build to GHCR), production configuration (Helmet CSP, COOKIE_SECRET, graceful shutdown SIGTERM/SIGINT), Dependabot weekly npm updates. Trigger on any deployment, Docker, docker-compose local-vs-remote DB switch, CI/CD, production config, or infrastructure question. Don't use for: app architecture (→ vue-ssr-architecture), auth flow (→ vue-ssr-auth), post-task validation (→ vue-ssr-hooks).

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

e-xode

e-xode/vue-ssr

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Network and Computer Systems AdministratorsComputer and Mathematical Occupations·SOC 15-1244

File Explorer

3 files

SKILL.md

readonly

name

vue-ssr-deployment

description

Vue SSR Deployment

Owns Docker, CI/CD pipelines, production configuration, and infrastructure.

Docker

Dockerfile: Multi-stage build (build → production)
docker-compose.yml (base): dev env, runs the node app only and reads .env → connects to a remote MongoDB (e.g. Atlas) via MONGO_HOST/MONGO_TYPE
docker-compose.local.yml (override): adds a local mongo container and redirects the app to it (MONGO_HOST=mongo, MONGO_TYPE=mongodb, overriding .env)
Switch local ↔ remote: via the COMPOSE_FILE variable in .env (set in .env.example). Uncommented = local (node + mongo); commented = remote. See references/docker-ci.md

GitHub Actions (3 workflows)

Workflow	Trigger	Steps
`npm-publish.yml`	Tags `v*`	ci → lint → test → build → npm publish
`npm-test.yml`	Push master/dev, PR	ci → lint → test
`docker-build.yml`	Push master	Build + push to GHCR (SHA + latest tags)

Production requirements

COOKIE_SECRET: Must be set (server refuses to start if missing)
Helmet CSP: Production-conditional (disabled in dev for HMR)
Error stack traces: Hidden in production responses

Graceful shutdown

Server listens to SIGTERM and SIGINT:

Stops accepting new connections
Closes MongoDB connection (closeDB)
Exits process cleanly

Ensures zero data loss during Docker stop / rolling updates.

Dependabot

Weekly npm updates (dependabot.yml): increasing version strategy.

Dynamic sitemap

GET /sitemap.xml:

Cached in memory with 1h TTL
Includes all public locale-prefixed routes
Excludes auth/admin routes

More from this repository

same repository

vue-ssr-architecture

e-xode/vue-ssr

Architecture reference for the Vue SSR Starter Kit (e-xode/vue-ssr): Vue 3.5+ + Vite 7 + Express 5 + MongoDB 7 + Vuetify 4 + Pinia + Vue Router with locale-prefixed routing. Covers file structure, SSR lifecycle (entry-server/entry-client/renderToString), locale routing system (useLocalePath, /:locale(en|fr)/), layout system (public/minimal/app), shared utilities inventory (apiFetch, parseObjectId, dbHelpers, email, security), API endpoint patterns (setupXRoute), view/component naming, Vuetify gotchas, and environment variables. Trigger on any architecture question, file placement, new feature scaffolding, routing, SSR, or shared utility usage. Don't use for: auth flow details (→ vue-ssr-auth), Docker/CI deployment (→ vue-ssr-deployment), post-task validation (→ vue-ssr-hooks), UI/UX design (→ design agent).

2026-07-183

vue-ssr-hooks

e-xode/vue-ssr

Post-task validation system for the Vue SSR Starter Kit: the hooks agent runs a format → lint → build → test battery via the single `npm run validate` orchestrator, on user opt-in only. Covers the opt-in trigger (never automatic), the validate.mjs orchestrator (parallel stages, prettier/eslint --cache, git-digest sentinel skip), the short-circuit table (skip validation for non-code files, build only on .vue/.js), the dormant settings._json hooks, and the subagent validation blocker. Trigger on: validation failures, understanding why lint/build/test ran or didn't run, modifying the validation pipeline. Don't use for: app code architecture (→ vue-ssr-architecture), auth (→ vue-ssr-auth), deployment (→ vue-ssr-deployment), Claude config governance (→ claude-anthropic).

2026-07-183

brand-art-direction

e-xode/vue-ssr

Material Design 3 / Vuetify 4 art-direction charter for the Vue SSR Starter Kit (e-xode/vue-ssr): the opinionated, screenshot-verifiable brand-identity layer above design-scss and design-ux. Defines the clean-minimal direction (single indigo brand accent, neutral-gray chrome, bordered flat MD3 surfaces, 8px rhythm, restraint over decoration) as DECIDABLE screenshot-checkable systems: quiet surface rhythm, canonical hover/elevation per component archetype with sibling consistency, palette roles, decorative restraint, and an evidence-based pre-delivery checklist graded by the visual-qa agent. Trigger on ANY visual/finition or polish work on rendered views: card hovers, surface backgrounds, elevation, accent usage, hero/CTA styling. Load BEFORE design-scss/design-ux when styling views. Don't use for: SCSS token/mixin mechanics (→ design-scss), UX methodology (→ design-ux), Vuetify component API (→ vuetify-components), design routing (→ vue-ssr-design), marketing copy (→ content-strategy).

2026-06-063

content-strategy

e-xode/vue-ssr

Editorial method and content operations for the Vue SSR Starter Kit (e-xode/vue-ssr): the how-to-produce layer on top of the marketing-content facts, for content that markets the open-source kit. Covers the editorial workflow (research, propose, draft FR+EN, verify, optimize), operational tone and voice (Avoid/Prefer, no arrow character, bilingual discipline), per-channel playbooks (LinkedIn posts and long-form articles, landing/contact page copy via i18n, the GitHub/npm README storefront), audience personas and angles, the content inventory glossary (anti-duplication, follow-up radar), the editorial backlog, and the daily growth/SEO advisory playbook. Trigger when writing or improving a LinkedIn post or article, page marketing copy, README/storefront copy, brainstorming content ideas, or asking what to do today for content/SEO. Don't use for: canonical product/stack/feature facts (→ marketing-content), i18n key placement (→ translate), meta/JSON-LD/sitemap (→ seo), visuals or layout (→ design).

2026-06-063

marketing-content

e-xode/vue-ssr

Marketing and product-knowledge FACTS for the Vue SSR Starter Kit (e-xode/vue-ssr): the source of truth for acquisition content that markets the open-source kit itself. Covers the canonical content rules (bilingual FR+EN, humble tone, concrete numbers, never the → arrow character), where assets live (src/assets/linkedin/, page copy via i18n, the GitHub/npm storefront), and product facts: what the kit is (Vue 3.5 + Vite + Express 5 + MongoDB 7 + Vuetify 4 SSR boilerplate with auth, i18n, admin), its stack/version snapshot (authoritative source = package.json), feature inventory, and differentiator (a curated Claude Code agent/skill fleet). Trigger when you need the facts behind acquisition content: what the kit is, its features, stack, positioning, audience, license, repo/npm location, or asset locations. Don't use for: the editorial method, tone/voice, inventory/backlog and writing workflow (→ content-strategy), i18n keys (→ translate), page meta/structured data (→ seo), visual/layout design (→ design).

2026-06-063

marketing-strategy

e-xode/vue-ssr

Pure-marketing strategy for the Vue SSR Starter Kit (e-xode/vue-ssr): the strategic layer above the content factory, for marketing the open-source MIT kit. Owns global strategy, the no-price monetization model (the kit is free; success = developer adoption that funnels inbound to E-XODE services), campaign planning, channel and social strategy (LinkedIn, GitHub, dev.to, Reddit r/vuejs, npm), positioning and ICP, competitive analysis, and growth/funnel thinking (stars, installs, forks). Decisions persist as references (positioning, pricing, campaigns, gtm, competitive) and are handed to the content agent. Trigger when defining strategy, the monetization stance, planning a campaign, choosing channels, analysing competitors, or reasoning about the adoption funnel. Don't use for: writing the actual posts/articles/README/page copy (→ content agent + content-strategy), product facts (→ marketing-content), i18n keys (→ translate), meta/JSON-LD/sitemap (→ seo), code (→ vue/server), visuals (→ design).

2026-06-063

name

vue-ssr-deployment

description

Vue SSR Deployment

Owns Docker, CI/CD pipelines, production configuration, and infrastructure.

Docker

Dockerfile: Multi-stage build (build → production)
docker-compose.yml (base): dev env, runs the node app only and reads .env → connects to a remote MongoDB (e.g. Atlas) via MONGO_HOST/MONGO_TYPE
docker-compose.local.yml (override): adds a local mongo container and redirects the app to it (MONGO_HOST=mongo, MONGO_TYPE=mongodb, overriding .env)
Switch local ↔ remote: via the COMPOSE_FILE variable in .env (set in .env.example). Uncommented = local (node + mongo); commented = remote. See references/docker-ci.md

GitHub Actions (3 workflows)

Workflow	Trigger	Steps
`npm-publish.yml`	Tags `v*`	ci → lint → test → build → npm publish
`npm-test.yml`	Push master/dev, PR	ci → lint → test
`docker-build.yml`	Push master	Build + push to GHCR (SHA + latest tags)

Production requirements

COOKIE_SECRET: Must be set (server refuses to start if missing)
Helmet CSP: Production-conditional (disabled in dev for HMR)
Error stack traces: Hidden in production responses

Graceful shutdown

Server listens to SIGTERM and SIGINT:

Stops accepting new connections
Closes MongoDB connection (closeDB)
Exits process cleanly

Ensures zero data loss during Docker stop / rolling updates.

Dependabot

Weekly npm updates (dependabot.yml): increasing version strategy.

Dynamic sitemap

GET /sitemap.xml:

Cached in memory with 1h TTL
Includes all public locale-prefixed routes
Excludes auth/admin routes