# Panduan Mengaktifkan Mode AI

Website ini sudah punya 2 mode:

1. **Generate Template** — berjalan hanya dengan HTML, CSS, dan JavaScript.
2. **Generate Pakai AI** — memakai backend serverless di folder `api/`.

## Provider AI

Urutan fallback:

1. Google Gemini API
2. OpenRouter API
3. Template lokal JavaScript di browser

Artinya, kalau Gemini gagal atau limit, sistem mencoba OpenRouter. Kalau semua API gagal/belum disetel, tombol AI di frontend akan otomatis memakai template lokal.

## Deploy paling mudah: Vercel

1. Upload folder project ini ke GitHub.
2. Login ke Vercel.
3. Import repository.
4. Tambahkan environment variables:

```env
GEMINI_API_KEY=isi_api_key_gemini_kamu
GEMINI_MODEL=gemini-2.5-flash-lite
OPENROUTER_API_KEY=isi_api_key_openrouter_kamu
OPENROUTER_MODEL=openrouter/auto
SITE_URL=https://domain-kamu.com
SITE_NAME=Caption Hashtag Generator
```

`OPENROUTER_API_KEY` boleh dikosongkan jika hanya ingin memakai Gemini.

## Development lokal

```bash
npm install
cp .env.example .env.local
npm run dev
```

Lalu buka alamat lokal dari Vercel CLI, biasanya `http://localhost:3000`.

## Penting

- Jangan taruh API key di `script.js`.
- Jangan upload `.env.local` ke GitHub publik.
- Batasi penggunaan AI jika traffic mulai besar agar biaya/kuota tetap aman.
- Untuk monetisasi, tetap pertahankan artikel blog, halaman privacy policy, terms, contact, dan ads.txt.