frontend-deploy

Deploys frontend apps to staging and production using Gateway API and Envoy Gateway.

1|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/thc1006/dgx_spark_deploy_claude_k8s_skills --skill frontend-deploy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-deploy
Source: https://github.com/thc1006/dgx_spark_deploy_claude_k8s_skills/tree/main/skills/frontend-deploy
Command: npx skills add https://github.com/thc1006/dgx_spark_deploy_claude_k8s_skills --skill frontend-deploy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend deployment and routing automation behind modern gateways to simplify secure exposure of web apps and static sites.

Core Features & Use Cases

  • Gateway API + Envoy Gateway based routing for frontend apps (React, Vue, Angular, static sites)
  • HTTPS/TLS configuration and domain routing with TLS secrets
  • Deployment scaffolding including Deployment, Service, Gateway, HTTPRoute, and SPA routing
  • Multi-environment workflows (staging/production) with environment-specific hostnames

Quick Start

Deploy a frontend app behind Envoy Gateway by creating a Deployment, a Service, a Gateway, and an HTTPRoute, then configure TLS and SPA routing.

Frequently Asked Questions about frontend-deploy

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

FAQPage Schema
How do I deploy a frontend app with Gateway API and Envoy Gateway?

To deploy a frontend app with Gateway API and Envoy Gateway, you create a Kubernetes Deployment, Service, Gateway, and HTTPRoute, then configure TLS secrets and SPA routing for secure traffic across staging and production environments.

What is the best way to configure TLS and HTTPS for a frontend on Kubernetes?

Configuring TLS and HTTPS for a frontend on Kubernetes is handled by applying TLS secrets alongside Gateway API and HTTPRoute resources. This routes custom domains and secures web apps behind Envoy Gateway without relying on ingress-nginx.

Can I use Gateway API instead of ingress-nginx for SPA routing?

Yes, you can use Gateway API instead of ingress-nginx for SPA routing. The approach enforces Gateway API and HTTPRoute resources to manage traffic for single-page applications, handling routing rules for React, Vue, or Angular sites directly.

How do I manage staging and production environments for a frontend deployment?

You manage staging and production environments for a frontend deployment by configuring environment-specific hostnames within your HTTPRoute and Gateway resources. This multi-environment workflow secures distinct domains using TLS secrets and Envoy Gateway routing.

Do I need Envoy Gateway setup to use HTTPRoute for my frontend?

Yes, you need Envoy Gateway setup to use HTTPRoute for your frontend. The deployment requires a Gateway Class and Gateway resources to function, enforcing Envoy Gateway to handle TLS configuration and route traffic to your Service.

Why does my SPA return 404 errors on refresh when using Gateway API?

Your SPA returns 404 errors on refresh when Gateway API routing lacks SPA-friendly configuration. Properly configuring HTTPRoute resources with SPA routing rules ensures all paths redirect to the frontend index, preventing missing route errors.