superapp-finance

reksadana

133 file ยท 18.5 MB

README

๐Ÿ‡ฎ๐Ÿ‡ฉ ReksadanaInfo

Sistem Informasi Reksadana Indonesia โ€” Platform web modern untuk menemukan, membandingkan, dan menganalisis reksadana di Indonesia.

Tech Stack TypeScript Prisma Tailwind CSS

โœจ Fitur Utama

  • ๐Ÿ” Daftar Reksadana Lengkap
    Jelajahi ratusan data reksadana Indonesia dengan filter kategori, pencarian, dan sorting.

  • ๐Ÿ“Š Perbandingan Interaktif
    Bandingkan performa NAV historis dari 2โ€“4 reksadana dalam satu grafik.

  • ๐Ÿงฎ Kalkulator Investasi
    Hitung proyeksi pertumbuhan dana atau rencanakan target keuangan dengan kalkulator compound interest.

  • ๐Ÿ“š Artikel Edukasi
    Pelajari dasar-dasar investasi reksadana melalui koleksi artikel edukasi.

  • ๐Ÿค– Scraper API (Ready)
    Endpoint siap dikembangkan untuk scraping data real-time dari OJK, Bareksa, dan sumber terpercaya lainnya.

๐Ÿ—๏ธ Arsitektur Teknologi

LayerTeknologi
FrontendNext.js 16 (App Router), React 19, TypeScript, Tailwind CSS
State & Data FetchingTanStack React Query
VisualisasiRecharts
BackendNext.js API Routes
DatabaseSQLite (Prisma ORM)
ScrapingCheerio / Axios (ready)

๐Ÿš€ Getting Started

Prasyarat

  • Node.js 18+
  • npm / yarn / pnpm

Install & Run

# Clone repository
git clone https://github.com/username/reksadana-info.git
cd reksadana-info

# Install dependencies
npm install

# Setup database
npx prisma migrate dev
npx prisma generate

# Seed data awal
npm run seed

# Jalankan development server
npm run dev

Buka http://localhost:3000 di browser.

๐Ÿ—ƒ๏ธ Database Schema

FundManager    โ†’ Manajer Investasi
Category       โ†’ Kategori Reksadana (Pasar Uang, Saham, dll)
Fund           โ†’ Produk Reksadana
FundPrice      โ†’ Harga/NAV harian
Article        โ†’ Konten edukasi

๐Ÿ“ Struktur Folder

reksadana-info/
โ”œโ”€โ”€ app/                # Next.js App Router
โ”‚   โ”œโ”€โ”€ api/            # API routes
โ”‚   โ”œโ”€โ”€ funds/          # Halaman daftar & detail reksadana
โ”‚   โ”œโ”€โ”€ compare/        # Halaman perbandingan
โ”‚   โ”œโ”€โ”€ calculator/     # Kalkulator investasi
โ”‚   โ”œโ”€โ”€ articles/       # Halaman artikel
โ”‚   โ””โ”€โ”€ page.tsx        # Landing page
โ”œโ”€โ”€ components/         # UI & Chart components
โ”œโ”€โ”€ lib/                # Prisma client & utilities
โ”œโ”€โ”€ prisma/             # Schema & seed
โ””โ”€โ”€ public/             # Static assets

๐Ÿ”Œ API Endpoints

MethodEndpointDeskripsi
GET/api/fundsDaftar reksadana dengan filter
GET/api/funds/[id]Detail reksadana + historis NAV
POST/api/comparePerbandingan multi-reksadana
GET/api/categoriesDaftar kategori
GET/api/articlesDaftar artikel
GET/api/articles/[slug]Detail artikel
GET/api/scrapeStatus scraper

๐Ÿ› ๏ธ Deployment

Project ini siap di-deploy ke Vercel.

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel --prod

Pastikan environment variable DATABASE_URL diatur di dashboard Vercel jika menggunakan database eksternal (e.g. PostgreSQL via Vercel Postgres / Supabase).

โš ๏ธ Disclaimer

Data yang ditampilkan di platform ini bersifat edukasi dan simulasi. Untuk keputusan investasi nyata, selalu rujuk ke data resmi dari OJK, Manajer Investasi, atau platform penjualan reksadana yang berizin.

๐Ÿ“„ Lisensi

MIT License โ€” Dibuat dengan โค๏ธ untuk investor Indonesia.

File Utama

  • .env.example
  • .gitignore
  • AGENTS.md
  • CLAUDE.md
  • README.md
  • eslint.config.mjs
  • next.config.ts
  • package-lock.json