Starter Repo Aplikasi Kos MVP

Overview

Starter repo ini menyediakan struktur lengkap aplikasi kos MVP dengan teknologi modern dan best practice. Terdiri dari frontend Next.js dengan API routes, backend Express worker, serta konfigurasi infrastruktur Docker Compose. Semua sudah siap untuk langsung digunakan dan di-deploy.

Struktur Folder & File

web/
├── pages/
│   ├── api/
│   │   └── hello.js
│   ├── _app.js
│   ├── index.js
│   └── kos/
│       └── [id].js
├── public/
│   └── favicon.ico
├── styles/
│   └── globals.css
├── package.json
├── next.config.js
server/
├── worker.js
├── package.json
infra/
├── docker-compose.yml
├── .env.example
docs/
├── openapi.yaml
└── README.md

Instruksi Setup & Deploy

Persiapan

Pastikan Node.js (v16+) dan Docker sudah terpasang.
Clone repo starter ini ke lokal Anda.
Salin file infra/.env.example menjadi infra/.env dan sesuaikan variabel lingkungan jika perlu.

Menjalankan Secara Lokal

Buka terminal, masuk ke folder web, jalankan npm install lalu npm run dev untuk frontend Next.js.
Di terminal lain, masuk ke folder server, jalankan npm install lalu node worker.js untuk backend Express worker.
Frontend akan berjalan di http://localhost:3000.

Deploy dengan Docker Compose

Pastikan Docker dan Docker Compose sudah terpasang dan berjalan.
Di folder infra, jalankan perintah docker-compose up -d --build.
Docker Compose akan membangun dan menjalankan container frontend dan backend secara otomatis.
Akses aplikasi di http://localhost:3000.

Download Paket ZIP

Klik tombol di bawah untuk mengunduh paket ZIP starter repo aplikasi kos MVP lengkap dengan semua folder dan file yang siap digunakan.

Download ZIP

* Paket ZIP berukuran sekitar 1.2 MB

Contoh Visualisasi Data & Tabel

Summary Metrics

Total Kamar: 120; 8%
Penyewa Aktif: 95; 3%
Pendapatan Bulanan: Rp 45jt; 12%