Miss Fish Bali · Setup Center
Cloudflare Pages · Gemini AI · ClickUp ATS · Google Calendar
← HR Dashboard 🌐 Career Portal ↗
☁️ Cloudflare Edge Architecture

Konfigurasi & Pengujian API Rekrutmen Miss Fish Bali

Portal interaktif ini membantu IT Manager dan tim People & Culture menghubungkan repositori GitHub ke Cloudflare Pages, memverifikasi kredensial Google Gemini AI & ClickUp ATS secara real-time, serta menampilkan Google Calendar wawancara terintegrasi.

☁️
Hosting Architecture Cloudflare Pages
✨
AI Intelligence Siap Dites
📋
ClickUp ATS v2 Siap Dites
📅
Interview Calendar Terintegrasi
☁️ Cloudflare Pages vs Cloudflare Workers: Mana yang Tepat?
Keputusan Arsitektur: Cloudflare Pages adalah 100% CUKUP dan JAUH LEBIH TEPAT dibandingkan standalone Workers.
✅ Cloudflare Pages (Rekomendasi Penuh)

• All-in-One Jamstack: Menampung seluruh frontend HTML/CSS/JS/Aset secara otomatis di Anycast Edge CDN global (<20ms TTFB).
• Built-in Edge Workers (Pages Functions): File di folder /functions/api/ (Gemini AI & ClickUp) otomatis berjalan sebagai Cloudflare Worker di edge tanpa setup terpisah.
• Native GitHub CI/CD: Setiap kali push ke branch main, Cloudflare otomatis build & deploy dalam 10-15 detik.
• Free Tier Melimpah: Bandwidth unlimited, 500 build/bulan, 100k requests edge function/hari gratis.

⚠️ Cloudflare Workers Murni

• Dirancang untuk microservice API atau proxy URL.
• Untuk melayani website HTML/CSS/gambar statis, Workers memerlukan integrasi manual dengan KV Storage atau Cloudflare R2 bucket.
• Lebih rumit dikelola karena harus menulis script routing untuk setiap aset web.
• Kesimpulan: Gunakan Cloudflare Pages karena sudah mencakup Workers di dalamnya!

1
Identitas & Repositori GitHub Resmi Miss Fish Bali
Platform ini dikonfigurasi resmi dengan identitas Miss Fish Bali dan email itm@missfishbali.com.
Target Repositori: https://github.com/mfb-itm/career-platform.git 
# 1. Set identitas Git resmi Miss Fish Bali
git config user.name "Miss Fish Bali"
git config user.email "itm@missfishbali.com"

# 2. Hubungkan remote repository ke akun mfb-itm
git remote set-url origin https://github.com/mfb-itm/career-platform.git

# 3. Pastikan branch utama adalah main
git branch -M main

# 4. Commit & Push ke GitHub
git add .
git commit -m "feat(mfb): official Miss Fish Bali recruitment & career platform"
git push -u origin main
💡 Tips Cepat: Anda juga dapat menjalankan file script otomatis deploy-to-mfb-github.bat di folder project untuk push dalam 1 klik!
2
Setup Project di Dashboard Cloudflare Pages
1. Login ke dash.cloudflare.com dengan akun Miss Fish Bali.
2. Pada menu sebelah kiri, pilih Compute (Workers & Pages) > Klik Create application.
3. Pilih tab Pages > Klik Connect to Git.
4. Hubungkan akun GitHub Anda dan pilih repositori mfb-itm/career-platform.
5. Konfigurasikan Build Settings persis seperti berikut: 
Framework preset       : None
Build command          : (kosongkan / biarkan kosong)
Build output directory : .
Root directory         : /
Folder functions/api/ akan dideteksi secara otomatis oleh Cloudflare Pages untuk mengaktifkan API edge serverless Gemini & ClickUp.
3
Isi Environment Variables & Secrets
Sebelum melakukan deploy pertama atau setelah project dibuat, masuk ke Settings > Environment variables di Cloudflare Pages. Tambahkan key berikut: 
GEMINI_API_KEY      : [API Key Google AI Studio Anda]
CLICKUP_API_TOKEN   : [Personal API Token ClickUp Anda]
CLICKUP_LIST_ID     : [ID List Rekrutmen ClickUp Anda]
(Opsional) GEMINI_API_KEY_2 : [Cadangan rotasi multi-key]
👉 Anda dapat menggunakan Tab 5 (Env Generator & Secrets) di portal ini untuk menyalin nilai rahasia dalam format siap paste.
4
Pasang Custom Domain Miss Fish Bali
1. Di halaman project Cloudflare Pages, buka tab Custom domains.
2. Klik Set up a custom domain > Masukkan domain pilihan, misalnya: career.missfishbali.com atau talent.missfishbali.com.
3. Jika DNS domain missfishbali.com sudah berada di Cloudflare, DNS CNAME record akan dibuat otomatis dan sertifikat SSL aktif dalam hitungan menit!
✨ Google Gemini AI Configuration & Live Tester
Gemini digunakan untuk AI CV Batch Screener, Smart Interview Studio, dan Laporan Intelligence Rekrutmen Eksekutif.
1
Dapatkan API Key dari Google AI Studio
Kunjungi Google AI Studio (aistudio.google.com) > Login dengan akun Google > Klik "Create API key" > Salin key yang berawalan AIzaSy....
2
Dukungan Multi-Key Rotation
Untuk menghindari limit rate 429 pada jam sibuk, Anda dapat memasukkan hingga 3 API Key (GEMINI_API_KEY, GEMINI_API_KEY_2, GEMINI_API_KEY_3). Sistem akan otomatis berpindah kunci jika kuota habis.
⚡ Interactive Live Tester: Google Gemini AI
Key Anda hanya diuji langsung dari browser ke API Google dan tidak disimpan di server pihak ketiga.
📋 ClickUp REST API v2 Configuration & Live Tester
ClickUp bertindak sebagai System of Record rekrutmen. Setiap pelamar baru disinkronkan menjadi task di List Rekrutmen.
1
Dapatkan Personal API Token
Buka ClickUp > Klik avatar profil di sudut kiri bawah > Settings > Apps > Klik "Generate Personal API Key" > Salin token (dimulai dengan pk_...).
2
Dapatkan Recruitment List ID
Buka Space Rekrutmen Miss Fish Bali > Klik icon titik tiga ... pada List "Talent Acquisition" > Copy link. Angka di akhir URL (misal: https://app.clickup.com/9018.../v/li/901802341234) adalah List ID Anda.
⚡ Interactive Live Tester: ClickUp ATS Connection
📅 Google Calendar Integration & Live Preview
Menampilkan agenda wawancara kandidat, food tasting Chef Carlos Barvo, dan trial shift secara terpadu di HR Dashboard.
1
Dapatkan Google Calendar ID
Buka Google Calendar > Pada menu kalender HR Miss Fish Bali di sebelah kiri, klik titik tiga > Settings and sharing > Gulir ke bagian "Integrate calendar" > Salin Calendar ID (bisa berupa email kalender atau kode alfanumerik panjang) atau Public URL.
2
Pastikan Izin Akses Tepat
Di bagian Access permissions for events, centang "Make available to public" (atau bagikan ke akun email tim rekrutmen Miss Fish Bali) agar iframe kalender dapat dirender dengan mulus.
👁️ Live Calendar Preview & Sync to Dashboard
⚡ Cloudflare Environment Variables & Secrets Generator
Hasilkan snippet konfigurasi yang siap Anda salin ke Cloudflare Pages Dashboard (Settings > Environment variables) atau terminal Wrangler.
# Cloudflare Pages Environment Variables (Production)
GEMINI_MODEL="gemini-3.5-flash-lite"
GEMINI_API_KEY="AIzaSy..."
GEMINI_API_KEY_2=""
CLICKUP_API_BASE="https://api.clickup.com/api/v2"
CLICKUP_API_TOKEN="pk_..."
CLICKUP_RECRUITMENT_LIST_ID="901802341234"
GOOGLE_CALENDAR_ID="talent@missfishgroup.com"
TIMEZONE="Asia/Makassar"
BRAND_NAME="Miss Fish Bali"
Perintah Terminal Wrangler CLI (Jika Deploy via CLI):
npx wrangler pages secret put GEMINI_API_KEY
npx wrangler pages secret put CLICKUP_API_TOKEN
npx wrangler pages secret put CLICKUP_RECRUITMENT_LIST_ID
Notifikasi