- 가격표 섹션을 페이지 하단에서 히어로 바로 아래로 이동 - 상단 패딩 축소 (py-24 → pt-12 pb-24) - 서브탭(서울/글로벌 타입) 스타일을 메인탭과 동일하게 통일 - Pages Functions API 프록시 추가 (functions/) - wrangler.toml 및 TypeScript 설정 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2.4 KiB
2.4 KiB
CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Project Overview
Static HTML marketing website for Anvil Hosting services, deployed on Cloudflare Pages.
- URL: https://hosting.anvil.it.com
- Language: Korean (한글)
Deployment
wrangler pages deploy . --project-name anvil-hosting
No build step required - deploy directly.
Architecture
Multi-file static website with serverless API proxy:
index.html- 메인 랜딩 페이지 (~1000줄)style.css- Tailwind CSS 빌드 결과fonts.css- 시스템 폰트 정의app.js- Alpine.js 앱 로직 (Server Launcher, Pricing Table 등)terms.html,privacy.html,sla.html- 법적 페이지functions/- Cloudflare Pages Functions (API proxy)
API Endpoints (Pages Functions)
| Method | Path | Description |
|---|---|---|
| GET | /api/health |
Health check |
| GET | /api/instances |
Query VM instances |
| POST | /api/recommend |
Tech stack recommendations |
Proxy Target: https://cloud-instances-api.kappa-d8e.workers.dev
Tech Stack
- Tailwind CSS v4 (로컬 빌드,
style.css) - Alpine.js 3.14.3 (CDN with SRI)
- 시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic)
Design System
- 다크 테마 (배경: #0a0f1a, dark-800/900)
- 글래스모피즘 효과 (glass-card, glass-panel)
- 메시 그라디언트 배경 (brand-500, purple-500)
- Color palette: brand-* (sky blue 계열), purple, green, red
Page Sections
Navigation → Hero (Telegram Bot Demo) → Features (#features) → Automation (#automation) → Infrastructure → Domain (#domain) → Pricing (#pricing) → Footer
Key Components
- Server Launcher Modal: Alpine.js 기반 서버 생성 마법사
- Pricing Table: 리전별 (Global/Seoul) 동적 요금표
- Telegram Bot Demo: Hero 섹션 대화형 데모
External Integrations
- Telegram Bot: @AnvilForgeBot (서버 생성, 도메인 등록)
- Worker API: cloud-instances-api (VM pricing aggregator)
- Credentials: Stored in Vault at https://vault.anvil.it.com
- Registrant Info Source: npm-linode-1 server (
/home/admin/namecheap_api/.env)
Environment Configuration
Secrets (set via Cloudflare Dashboard or CLI)
wrangler pages secret put WORKER_API_KEY
Variables (wrangler.toml)
WORKER_API_URL- Worker API base URL