skills.rest
grvpanchal
grvpanchalCOMMUNITY
Explore all skills by this author →
Website𝕏@grvpanchalGitHub

server-proxy

Configure development and production proxies for CORS and WebSocket forwarding.

1|3|Updated Sep 4, 2023
Search Tags:#cloudflare#nginx#cors#websocket#proxy
One-click install
npx skills add https://github.com/grvpanchal/elegant --skill server-proxy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: server-proxy
Source: https://github.com/grvpanchal/elegant/tree/main/skills/server-proxy
Command: npx skills add https://github.com/grvpanchal/elegant --skill server-proxy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill resolves the challenge of setting up and configuring proxies for both development and production environments, ensuring seamless API forwarding, CORS handling, SSL termination, and WebSocket management.

Core Features & Use Cases

  • Development Proxies: Automates CORS configurations for Vite, Webpack, and Create React App, enabling local API access.
  • Production Reverse Proxies: Provides templates for Nginx and Cloudflare setups for SSL termination, load balancing, and WebSocket routing.
  • Use Case: Ideal for developers who need to quickly and securely route traffic in both local development and production deployments without manually configuring CORS or setting up complex proxy rules.

Quick Start

Use the server-proxy skill to set up a development proxy for your API on localhost:3000.

Frequently Asked Questions about server-proxy

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

FAQPage Schema
How do I configure a proxy to handle CORS and WebSockets in Vite and React?▼

To configure a proxy for Vite and React, you apply automated CORS configurations that enable local API access without manual setup. This Skill targets JavaScript and React-based applications running on Vite, Webpack, or Create React App.

What is the best way to set up an Nginx reverse proxy for SSL termination and WebSocket routing?▼

The best way to set up an Nginx reverse proxy for SSL termination and WebSocket routing is using production proxy templates. These templates provide secure traffic routing, load balancing, and WebSocket forwarding for production environments.

Does Cloudflare support WebSocket forwarding and proxy configurations for production deployments?▼

Yes, Cloudflare supports WebSocket forwarding and proxy configurations for production deployments. It serves as a production reverse proxy providing SSL termination and WebSocket routing alongside Nginx templates for secure traffic management.

Why do I need a development proxy for my local API on localhost?▼

You need a development proxy for your local API on localhost to resolve CORS issues and enable seamless API forwarding. Automating these configurations for Vite, Webpack, or Create React App prevents manual CORS rule setup during local development.

Can I use this proxy configuration with Create React App and Webpack?▼

Yes, you can use this proxy configuration with Create React App and Webpack. It automates CORS configurations and local API access specifically for JavaScript and React-based applications built with these bundlers.

Related Skills

Explore More Software Engineering Skills→
ggombeeggombee
13

react-spa

Create React Single Page Applications with Vite or Create React App.

Community
Intermediate
fgarofalo56fgarofalo56
6

nginx-proxy

Configure Nginx and Nginx Proxy Manager for reverse proxying, load balancing, and SSL/TLS termination.

Community
Advanced
billyfranklim1billyfranklim1

ssl-certificates

Automate Let's Encrypt certificate issuance and renewal via certbot with Cloudflare DNS-01 validation.

Community
Advanced
HeldinhowHeldinhow
4

nginx-proxy

Configure Nginx as a reverse proxy with SSL termination and load balancing.

Community
Intermediate