# 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="/files/rpyrH3QnF0p9xVp1EEj1" 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shrtlnk.biz/quick-api-setup-panduan-lengkap.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.