# Deployment Rehberi — demo.ayristech.com

## Yerel Geliştirme

```bash
npm install
npm run dev
# → http://localhost:3000/dogan-tip-merkezi
```

## Yeni Demo Eklemek

`data/demos.ts` dosyasına yeni kayıt ekle:

```ts
"yeni-klinik": {
  slug: "yeni-klinik",
  template: "klinik",
  firma: {
    adi: "Yeni Klinik",
    slogan: "...",
    sehir: "İstanbul",
    renkAna: "#0ea5e9",   // Ana renk
    renkKoyu: "#0284c7",  // Hover rengi
    renkAcik: "#e0f2fe",  // Açık arka plan
    ...
  },
  ...
}
```

Kaydettikten sonra → `demo.ayristech.com/yeni-klinik` otomatik canlı olur.

---

## Coolify ile Deploy

### 1. GitHub'a Push
```bash
git init && git add . && git commit -m "init"
git remote add origin https://github.com/KULLANICI/demo-ayristech.git
git push -u origin main
```

### 2. Coolify Ayarları
- **Source:** GitHub repo
- **Build Pack:** Dockerfile
- **Port:** 3000
- **Domain:** demo.ayristech.com

### 3. Environment Variables (gerekirse)
```
NODE_ENV=production
NEXT_TELEMETRY_DISABLED=1
```

---

## Cloudflare Pages ile Deploy (Alternatif)

`next.config.ts` içinde output'u değiştir:
```ts
output: "export"   // standalone yerine
```

```bash
npm run build
# Çıktı: /out klasörü → Cloudflare Pages'e yükle
```

---

## Demo Tracking (Bildirim Sistemi)

`components/templates/KlinikTemplate.tsx` içindeki tracking comment'ini
gerçek webhook'a çevir:

```ts
// Demo tracking
useEffect(() => {
  fetch("/api/track", {
    method: "POST",
    body: JSON.stringify({ slug: data.slug, ts: Date.now() })
  });
}, []);
```

`app/api/track/route.ts` oluştur → n8n veya Make.com webhook'una ilet →
WhatsApp bildirimi gel.
