Resep preset per use case

Pakai preset praktis untuk toggle fitur, env minimum, dan urutan setup sesuai skenario produk kamu.

Preset di halaman ini adalah titik mulai. Setelah meng-copy toggle awal, kamu tetap perlu merapikan CTA, navigasi, pricing, dan copy halaman supaya sesuai dengan fitur yang benar-benar aktif.

​

Cara pakai halaman ini

1. Pilih skenario yang paling dekat dengan produk kamu.
2. Copy toggle awal ke .env.local.
3. Isi env minimum sesuai layanan yang dipakai.
4. Sambungkan provider yang relevan lewat Setup layanan.
5. Jalankan npm run env:check lalu lanjut ke Checklist launch.

​

Pilih preset yang paling dekat

Preset	Fokus utama	Toggle yang paling menentukan	Layanan minimum
Waitlist dulu	Validasi demand dan audience	Auth off, Waitlist on, Payments off	Supabase, opsional Resend
SaaS subscription	Billing dan dashboard user	Auth on, Payments on, Admin on	Supabase + Midtrans atau Doku
Portal member atau client	Area login tertutup tanpa billing publik	Auth on, Payments off	Supabase
SaaS AI berlangganan	Produk AI dengan akses berbasis plan	Auth on, AI on, Payments on	Supabase + AI provider + payment provider
White-label agency base	Rebrand cepat untuk client	Auth on, Contact on, Payments opsional	Supabase, opsional Resend

​

Preset yang bisa langsung kamu pakai

Waitlist dulu, aplikasi belakangan

Cocok untuk: validasi ide, pre-launch landing page, atau campaign waitlist.

Toggle awal

NEXT_PUBLIC_ENABLE_AUTH=false
NEXT_PUBLIC_ENABLE_WAITLIST=true
NEXT_PUBLIC_ENABLE_CONTACT=true
NEXT_PUBLIC_ENABLE_PAYMENTS=false
NEXT_PUBLIC_ENABLE_ADMIN=false
NEXT_PUBLIC_ENABLE_AI=false

Env minimum

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000

RESEND_API_KEY=
EMAIL_FROM=

Jangan lupa

• Matikan CTA yang mengarah ke login, dashboard, pricing berbayar, atau fitur AI.
• Kalau kamu belum butuh contact form, kamu bisa set NEXT_PUBLIC_ENABLE_CONTACT=false dan menghapus RESEND_API_KEY.
• Fokus kustomisasi biasanya ada di landing page, copy hero, waitlist CTA, dan FAQ.

Buka juga: Use case KilatKoding, Kustomisasi, dan Checklist launch.

SaaS subscription tanpa AI

Cocok untuk: kebanyakan produk SaaS klasik dengan akun user, dashboard, dan billing.

Toggle awal

NEXT_PUBLIC_ENABLE_AUTH=true
NEXT_PUBLIC_ENABLE_WAITLIST=false
NEXT_PUBLIC_ENABLE_CONTACT=true
NEXT_PUBLIC_ENABLE_PAYMENTS=true
NEXT_PUBLIC_ENABLE_ADMIN=true
NEXT_PUBLIC_ENABLE_AI=false

Env minimum

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
SUPABASE_SERVICE_ROLE_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000

PAYMENT_PROVIDER=doku
DOKU_CLIENT_ID=
DOKU_SECRET_KEY=

# Atau ganti ke Midtrans
# PAYMENT_PROVIDER=midtrans
# MIDTRANS_SERVER_KEY=
# NEXT_PUBLIC_MIDTRANS_CLIENT_KEY=

RESEND_API_KEY=
EMAIL_FROM=
ADMIN_EMAILS=[e-mail]

Jangan lupa

• Pilih satu payment provider dulu. Kamu tidak harus menyalakan Midtrans dan Doku sekaligus.
• SUPABASE_SERVICE_ROLE_KEY penting untuk write server-only seperti billing, webhook, audit, dan avatar signed URL.
• Kalau contact form tidak dipakai, kamu bisa matikan NEXT_PUBLIC_ENABLE_CONTACT.

Buka juga: Setup layanan, Environment variables, dan Testing recipes.

Portal member atau client tanpa billing publik

Cocok untuk: member area, dashboard siswa, portal klien agency, atau workspace internal.

Toggle awal

NEXT_PUBLIC_ENABLE_AUTH=true
NEXT_PUBLIC_ENABLE_WAITLIST=false
NEXT_PUBLIC_ENABLE_CONTACT=false
NEXT_PUBLIC_ENABLE_PAYMENTS=false
NEXT_PUBLIC_ENABLE_ADMIN=false
NEXT_PUBLIC_ENABLE_AI=false

Env minimum

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000

Opsional kalau dibutuhkan

SUPABASE_SERVICE_ROLE_KEY=
NEXT_PUBLIC_ENABLE_ADMIN=true
ADMIN_EMAILS=[e-mail]

Jangan lupa

• Kustomisasi utama biasanya ada di menu dashboard, permission, dan model data produk kamu.
• Kalau avatar signed URL, audit log, atau admin reporting dipakai, tambahkan SUPABASE_SERVICE_ROLE_KEY.
• Karena payments mati, hapus CTA upgrade, pricing checkout, dan copy yang menjanjikan subscription.

Buka juga: Komponen dan UI, Arsitektur, dan Peta database.

SaaS AI dengan monetisasi plan

Cocok untuk: AI writing tool, copilot internal, generator konten, atau workflow AI berbayar.

Toggle awal

NEXT_PUBLIC_ENABLE_AUTH=true
NEXT_PUBLIC_ENABLE_WAITLIST=false
NEXT_PUBLIC_ENABLE_CONTACT=false
NEXT_PUBLIC_ENABLE_PAYMENTS=true
NEXT_PUBLIC_ENABLE_ADMIN=true
NEXT_PUBLIC_ENABLE_AI=true

Env minimum

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
SUPABASE_SERVICE_ROLE_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000

PAYMENT_PROVIDER=midtrans
MIDTRANS_SERVER_KEY=
NEXT_PUBLIC_MIDTRANS_CLIENT_KEY=

AI_DEFAULT_PROVIDER=openai
OPENAI_API_KEY=

ADMIN_EMAILS=[e-mail]

Alternatif provider AI

AI_DEFAULT_PROVIDER=anthropic
ANTHROPIC_API_KEY=

Jangan lupa

• Sesuaikan pricing dan quota plan dengan real cost AI kamu, bukan hanya dengan copy marketing.
• Rapikan flow error untuk rate limit, provider error, dan plan limit sebelum launch.
• Kalau AI adalah fitur premium, pastikan CTA trial, billing, dan guardrail output sudah sinkron.

Buka juga: AI dan tooling, Flow end-to-end, dan Operational runbook.

White-label base untuk agency atau freelancer

Cocok untuk: project client yang butuh landing page, auth, dashboard dasar, dan ruang rebrand cepat.

Toggle awal

NEXT_PUBLIC_ENABLE_AUTH=true
NEXT_PUBLIC_ENABLE_WAITLIST=false
NEXT_PUBLIC_ENABLE_CONTACT=true
NEXT_PUBLIC_ENABLE_PAYMENTS=false
NEXT_PUBLIC_ENABLE_ADMIN=false
NEXT_PUBLIC_ENABLE_AI=false

Env minimum

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000

RESEND_API_KEY=
EMAIL_FROM=

Aktifkan tambahan ini kalau klien butuh billing

NEXT_PUBLIC_ENABLE_PAYMENTS=true
NEXT_PUBLIC_ENABLE_ADMIN=true
SUPABASE_SERVICE_ROLE_KEY=
PAYMENT_PROVIDER=doku
DOKU_CLIENT_ID=
DOKU_SECRET_KEY=

Jangan lupa

• Rebrand tidak berhenti di logo. Ubah juga navigation, legal pages, pricing, email sender, dan CTA.
• Matikan modul yang tidak masuk scope client agar handover lebih rapi.
• Simpan preset ini sebagai base awal, lalu pecah lagi per kebutuhan tiap klien.

Buka juga: Resep rebranding, Matrix feature toggle, dan Testing dan deployment.

​

Kesalahan umum saat memakai preset

• Menyalakan NEXT_PUBLIC_ENABLE_PAYMENTS=true tanpa mengisi PAYMENT_PROVIDER dan credential provider.
• Menyalakan NEXT_PUBLIC_ENABLE_AI=true tanpa memilih AI_DEFAULT_PROVIDER dan API key yang benar.
• Membiarkan navigasi, CTA, atau copy marketing tetap menyinggung fitur yang sebenarnya sudah dimatikan.
• Menganggap preset ini sebagai arsitektur final, padahal ini hanya starting point untuk setup awal.

​

Prompt AI yang bisa langsung kamu pakai

Saya ingin memakai KilatKoding untuk use case berikut:

[jelaskan use case, fitur aktif, payment provider, AI provider, dan apakah admin dipakai]

Tolong bantu saya membuat:
1. Draft `.env.local` awal
2. Daftar feature toggle yang harus aktif dan nonaktif
3. Daftar layanan yang wajib disiapkan
4. Urutan setup paling aman
5. Cara verifikasi bahwa setup ini sudah benar

Kalau kamu punya akses repo, cek dokumentasi dan file konfigurasi yang relevan dulu sebelum menulis jawabannya.

Kalau kamu masih ragu antara dua preset, baca dulu Perbandingan KilatKoding. Setelah itu cek Matrix feature toggle untuk melihat dampak tiap kombinasi env ke UI, route, dan fallback behavior.