> For the complete documentation index, see [llms.txt](https://docs.shrtlnk.biz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shrtlnk.biz/quick-api-setup-panduan-lengkap.md).

# Quick API Setup - Panduan Lengkap

Panduan ini menjelaskan cara menggunakan menu Quick API Setup di panel untuk menyimpan API token provider ke `.env` secara cepat.

### Tujuan Quick API Setup

Quick API Setup dipakai untuk:

* Menyimpan token API provider langsung dari UI panel
* Mengaktifkan akses deployment provider
* Mengurangi kesalahan edit `.env` manual

***

### Prasyarat

`{% hint style="warning" %}` Penting: token API bersifat rahasia. Jangan dipublikasikan, jangan dikirim ke chat publik, dan jangan di-commit ke repository. `{% endhint %}`

Sebelum mulai, pastikan:

* Kamu sudah bisa login ke panel
* Backend API panel aktif (kalau API mati, penyimpanan `.env` akan gagal)
* Kamu sudah punya API token dari provider
* Untuk Cloudflare Pages/Worker, siapkan juga Account ID
* Untuk Vercell Wajib Siapkan Team ID

***

### Buka Deployment Panel

1. Login ke panel
2. Pastikan kamu berada di tab Deployment Panel (bukan SEO Tools / HTML Editor)

***

### Temukan section “API Quick Setup”

Scroll ke bagian API Quick Setup.

Di section ini biasanya ada:

* Daftar provider (Cloudflare Pages, Worker, Vercel, Netlify, Bunny)
* Tombol Get Token
* Tombol Copy .env
* Input token + field tambahan (`Account ID / Team ID`)
* Tombol Paste API ke .env

<figure><img src="https://1219797416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo6QiEuQji1Q64sSJtszY%2Fuploads%2FHSgLi5pK2rz0WzlDRgVu%2Fimage.png?alt=media&amp;token=1351c5ee-24ce-472d-b7d3-507ecc9cc279" alt=""><figcaption></figcaption></figure>

***

### Ambil API Token dari provider (Get Token)

Untuk setiap provider Tutorial Ada di Bagian Sini : [Tutoral API](/tutorial-api-cloud-flare-pages.dev.md)

1. Klik Get Token
2. Ikuti halaman resmi provider untuk membuat token
3. Pastikan permission/scopes token sesuai kebutuhan deployment

***

### Isi form API di panel

Isi field sesuai provider:

#### Cloudflare Pages

* API Token
* Account ID

#### Cloudflare Worker

* API Token
* Account ID Worker

#### Vercel

* API Token
* Team ID (opsional, tergantung organisasi)

#### Netlify

* API Token

#### Bunny CDN

* API Token

***

### Simpan ke `.env` (Paste API ke .env)

1. Klik tombol Paste API ke .env
2. Tunggu notifikasi sukses dari panel

***

### Verifikasi status di “Deployment Access Panel”

* &#x20;

  Setelah API tersimpan, cek status provider:

  * Harus menunjukkan kondisi API aktif (atau setara)
  * Setelah kamu pilih akun whitelist + project dan klik connect, status bisa menjadi Sudah terhubung

***

### Checklist singkat (untuk QA internal)

* Login berhasil
* &#x20;Section API Quick Setup terlihat
* &#x20;Token terisi (valid)
* &#x20;Paste API ke .env sukses
* &#x20;Status provider API aktif
* &#x20;Connect project sukses (Sudah terhubung)

## Troubleshooting

#### Tidak bisa simpan / error JSON

* Pastikan backend API aktif
* Refresh halaman, coba ulang
* Pastikan token tidak kosong

#### Cloudflare gagal validasi/connect

* Pastikan Account ID benar
* Pastikan token punya permission yang cukup

#### Bunny: error terkait zone

* Isi Pull Zone ID sesuai petunjuk panel (jika akun tidak bisa membuat zone baru)

#### UI tidak berubah setelah update panel

* Hard refresh: `Ctrl + F5`
* Cek cache CDN (kalau ada)
* Unregister service worker di browser (jika perlu)