beranda
Panduan

Cara Pakai IdeForge

Studi kasus: aplikasi pencatat pengeluaran harian via WhatsApp + dashboard bulanan.

1

Login dengan Google

Klik tombol Mulai Buat Ide atau Login di pojok kanan atas. Login cukup sekali — data dan riwayat tersimpan otomatis ke akun kamu.

2

Masukkan API Key

Buka halaman Pengaturan, pilih provider AI (Gemini/Claude/Kustom), masukkan API key, lalu klik Test untuk memastikan koneksi berhasil. API key bisa diambil gratis di Google AI Studio.

3

Tulis Ide Aplikasi

Di halaman utama, ceritakan ide kamu dalam 1-2 kalimat. Pilih bahasa (Indonesia/Inggris).

Input:

“Aplikasi pencatat pengeluaran harian, bisa input lewat WhatsApp, ada dashboard ringkasan bulanan.”

4

Pilih Tech Stack

AI rekomendasi tech stack yang cocok. Kamu bisa pilih salah satu atau custom.

Rekomendasi AI:

Opsi ANext.js 15 + Tailwind CSS v4 + Turso + Twilio
Opsi BReact Native + Firebase + WhatsApp Business API
Opsi CPython (FastAPI) + React + PostgreSQL + Twilio
5

Jawab Pertanyaan Klarifikasi

AI ngajuin pertanyaan buat memperjelas ide. Wajib dijawab biar hasil lebih akurat.

Contoh pertanyaan & jawaban:

  • ❓ Mau pakai mata uang apa saja?→ IDR (Rupiah) aja
  • ❓ Kategori pengeluaran default apa aja?→ Makanan, Transport, Belanja, Tagihan, Hiburan, Lainnya
  • ❓ Perlu fitur export laporan?→ Iya, CSV sama PDF
  • ❓ Mau pake budget planning per bulan?→ Engga dulu, cukup catatan aja
6

Dapatkan Prompt Final

Prompt siap pakai buat coding. Copy langsung atau download file .md. Tinggal paste ke Claude Code, Cursor, atau coding assistant manapun.

MDfinal-prompt.md
## Tech Stack
- Frontend: Next.js 15 + Tailwind CSS v4 + TypeScript
- Database: Turso (SQLite via libsql/client)
- Integrasi: Twilio (WhatsApp webhook)
- Chart: Recharts
- Auth: NextAuth.js (Google OAuth)
- Deployment: Vercel

## Arsitektur
- App Router (/dashboard, /api/transactions, /api/webhook/twilio)
- Server Components untuk dashboard
- API Route Handlers di /api/
- Webhook endpoint untuk WhatsApp

## Database Schema
```sql
CREATE TABLE transactions (
  id TEXT PRIMARY KEY,
  amount REAL NOT NULL,
  category TEXT NOT NULL,
  description TEXT,
  source TEXT NOT NULL DEFAULT 'manual',
  created_at TEXT NOT NULL
);

CREATE TABLE categories (
  id TEXT PRIMARY KEY,
  name TEXT NOT NULL,
  icon TEXT,
  budget REAL
);
```

## API Endpoints
- POST /api/webhook/twilio — terima pesan WhatsApp
- GET /api/transactions?month=2026-07 — list
- POST /api/transactions — tambah manual
- DELETE /api/transactions/:id
- GET /api/transactions/summary?month=2026-07
- GET /api/categories
- POST /api/categories

## Halaman
- /dashboard — chart + ringkasan bulanan
- /transactions — tabel + filter
- /settings — atur kategori

## Prioritas Task
1. Setup project + database schema + migrasi
2. CRUD transaksi + kategori
3. Webhook Twilio + parser WhatsApp
4. Dashboard chart + summary
5. Export CSV / PDF
6. Filter & search
Mulai Buat Rencana