> 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="/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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.