95455a4e8b
- Add Geo Blocking section to README with rule types and GeoIP setup - Add Geo Blocking card to landing page (site/index.html) - Refresh all 4 screenshots from current UI Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
171 lines
6.6 KiB
HTML
171 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="description"
|
||
content="Caddy Proxy Manager - A modern, secure, and intuitive web interface for Caddy Server." />
|
||
<title>Caddy Proxy Manager</title>
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://caddyproxymanager.com/" />
|
||
<meta property="og:title" content="Caddy Proxy Manager - Control Every Edge" />
|
||
<meta property="og:description"
|
||
content="Caddy Proxy Manager – Modern Web UI for Caddy with automatic HTTPS management and reverse proxy configuration." />
|
||
<meta property="og:image" content="https://caddyproxymanager.com/assets/images/preview.png" />
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
|
||
<link rel="stylesheet" href="styles.css" />
|
||
<script defer src="scripts.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="aurora-bg"></div>
|
||
|
||
<header>
|
||
<div class="container header-inner">
|
||
<a href="#" class="logo">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round" />
|
||
<path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round" />
|
||
<path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round" />
|
||
</svg>
|
||
Caddy Proxy Manager
|
||
</a>
|
||
<nav class="nav-links">
|
||
<a href="#features">Features</a>
|
||
<a href="#architecture">Architecture</a>
|
||
<a href="#deployment">Data</a>
|
||
<a href="https://github.com/fuomag9/caddy-proxy-manager" target="_blank">GitHub</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero container">
|
||
<h1>Control Every Edge.</h1>
|
||
<p>The modern, secure context for your reverse proxy. Manage Caddy with an intuitive interface, automatic HTTPS,
|
||
geo blocking, and detailed audit logging.</p>
|
||
|
||
<div class="btn-group">
|
||
<a href="#deployment" class="btn btn-primary">Get Started</a>
|
||
<a href="https://github.com/fuomag9/caddy-proxy-manager" target="_blank" class="btn btn-secondary">View
|
||
Source</a>
|
||
</div>
|
||
|
||
<div class="showcase">
|
||
<div class="screenshot-main">
|
||
<img src="assets/screenshots/dashboard-main.png" alt="Caddy Proxy Manager Dashboard" loading="lazy" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="features" class="container features">
|
||
<div class="section-header">
|
||
<h2>Powerful Simplicity</h2>
|
||
<p>Everything you need to manage your infrastructure, nothing you don't.</p>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
<div class="card">
|
||
<h3>Reverse Proxy</h3>
|
||
<p>Easily configure upstream pools, custom headers, and routing rules with a type-safe editor.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Auto HTTPS</h3>
|
||
<p>Zero-configuration TLS certificates via Let's Encrypt. Supports Cloudflare DNS-01 and HTTP-01 challenges
|
||
out of the
|
||
box.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Geo Blocking</h3>
|
||
<p>Block or allow traffic by country, continent, ASN, CIDR range, or exact IP — per proxy host, with allow-override rules.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Access Control</h3>
|
||
<p>Secure your endpoints with basic auth, IP access lists, or valid OAuth2/OIDC sessions.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Audit Log</h3>
|
||
<p>Every change is tracked. See who modified what and when, with full configuration diffs.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Modern Stack</h3>
|
||
<p>Built with Next.js 16, React Server Components, and Drizzle ORM for maximum performance.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Docker Ready</h3>
|
||
<p>Deploys in seconds with a single docker-compose file. Stateless application logic with persistent data.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="architecture" class="container tech-stack">
|
||
<div class="section-header">
|
||
<h2>Designed for Reliability</h2>
|
||
</div>
|
||
<div class="tech-grid">
|
||
<div class="secondary-screenshots">
|
||
<img src="assets/screenshots/audit-log.png" alt="Audit Log" loading="lazy" />
|
||
<img src="assets/screenshots/proxy-editor.png" alt="Proxy Editor" loading="lazy" />
|
||
</div>
|
||
<div>
|
||
<ul class="tech-list">
|
||
<li>
|
||
<h4>Caddy Powered</h4>
|
||
<p>Uses Caddy's native Admin API for real-time configuration updates without restarts.</p>
|
||
</li>
|
||
<li>
|
||
<h4>Type-Safe & Secure</h4>
|
||
<p>End-to-end type safety with TypeScript. Secure session management and input validation.</p>
|
||
</li>
|
||
<li>
|
||
<h4>SQLite Database</h4>
|
||
<p>Self-contained data storage. Easy to backup, migrate, and maintain.</p>
|
||
</li>
|
||
<li>
|
||
<h4>React Interface</h4>
|
||
<p>A responsive, dark-mode first UI built with the latest React patterns for a snappy experience.</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="deployment" class="deployment">
|
||
<div class="container section-header">
|
||
<h2>Deploy in Seconds</h2>
|
||
<p>Get up and running with Docker Compose.</p>
|
||
|
||
<div class="code-block">
|
||
<span class="comment"># Clone the repository</span>
|
||
<span class="command">git clone https://github.com/fuomag9/caddy-proxy-manager.git</span>
|
||
<span class="command">cd caddy-proxy-manager</span>
|
||
<br>
|
||
<span class="comment"># Setup environment</span>
|
||
<span class="command">cp .env.example .env</span>
|
||
<br>
|
||
<span class="comment"># Start the stack</span>
|
||
<span class="command">docker compose up -d</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>© <span id="year"></span> Caddy Proxy Manager. Released under the MIT License.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
|
||
</html> |