d08d1895d0
- 가격표 섹션을 페이지 하단에서 히어로 바로 아래로 이동 - 상단 패딩 축소 (py-24 → pt-12 pb-24) - 서브탭(서울/글로벌 타입) 스타일을 메인탭과 동일하게 통일 - Pages Functions API 프록시 추가 (functions/) - wrangler.toml 및 TypeScript 설정 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
75 lines
2.4 KiB
Markdown
75 lines
2.4 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
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)
|
|
```bash
|
|
wrangler pages secret put WORKER_API_KEY
|
|
```
|
|
|
|
### Variables (wrangler.toml)
|
|
- `WORKER_API_URL` - Worker API base URL
|