Website & Landing Page
Dari satu halaman profil sampai katalog produk, dibangun dengan Next.js dan bisa Anda kelola sendiri.
- Responsif & SEO-ready
- Konten terpusat
- Panduan edit
Terbuka untuk proyek freelanceIndonesia
Saya Yudhi,
membangun web yang selesai
Programmer otodidak yang belajar dari dokumentasi, error log, dan proyek nyata. Sehari-hari membangun web dengan Laravel dan Next.js, mengelola database PostgreSQL, dan sesekali menyalakan sensor untuk proyek IoT.
- Tahun belajar & membangun
- 3+
Tahun belajar & membangun
- Proyek selesai
- 12
Proyek selesai
- Teknologi dikuasai
- 8
Teknologi dikuasai
- Proyek dikirim tepat waktu
- 100%
Proyek dikirim tepat waktu
developer.tsavailable
01 const developer = {
02 nama: 'Yudhi Trianto',
03 panggilan: 'Diaz',
04 peran: 'Full-Stack',
05 stack: ['Laravel', 'Next.js',
06 'Node', 'PostgreSQL'],
07 juga: 'IoT & arsitektur',
08 tersedia: true,
09 };
10
11 // dikirim, bukan cuma dijanjikan
12 export default developer;LaravelNext.jsReactNode.jsPostgreSQLPHPTypeScriptTailwindDockerMQTTESP32GitLaravelNext.jsReactNode.jsPostgreSQLPHPTypeScriptTailwindDockerMQTTESP32Git
01 — TentangProgrammer otodidak,
Programmer otodidak,
pembelajar seumur hidup.
Saya percaya software yang baik itu bisa dibaca orang lain enam bulan kemudian — bukan yang paling pintar saat ditulis.
Saya tidak punya gelar ilmu komputer. Yang saya punya: kebiasaan membongkar masalah sampai akar, dan keengganan mengirim kode yang saya sendiri tidak paham.
OtodidakDetail-orientedDokumentasi rapiKomunikasi jelas
Yang bisa saya bantu
Aplikasi Web Custom
Sistem internal, dashboard, atau aplikasi kasir yang mengikuti alur kerja Anda — bukan sebaliknya.
- Laravel / Node.js
- Role & hak akses
- Dokumentasi API
Perawatan Database
Audit performa, perbaikan index, strategi backup, dan pengaturan hak akses PostgreSQL.
- Cek kesehatan
- Backup terjadwal
- Laporan temuan
Proyek IoT
Sensor, mikrokontroler, dan dashboard monitoring — dari purwarupa sampai terpasang.
- ESP32 & MQTT
- Dashboard real-time
- Peringatan otomatis
02 — KeahlianPerangkat yang saya pakai
Perangkat yang saya pakai
setiap hari.
Bukan daftar panjang demi terlihat lengkap — ini yang benar-benar saya pakai untuk mengirim proyek ke produksi.
Frontend
6 tools
Antarmuka yang responsif dan aksesibel, bukan sekadar terlihat bagus.
- HTML
- CSS
- JavaScript
- React
- Next.js
- Tailwind CSS
Backend
5 tools
Endpoint yang jelas kontraknya, tervalidasi, dan ada penanganan error.
- PHP
- Laravel
- Node.js
- REST API
- Auth & Session
Database
5 tools
Termasuk rutinitas DBA: monitoring, VACUUM, hak akses, dan disaster recovery.
- PostgreSQL
- MySQL
- Indexing
- Backup & Restore
- Query tuning
IoT & Sistem
5 tools
Dari mikrokontroler sampai dashboard monitoring real-time.
- ESP32
- MQTT
- Sensor & aktuator
- Arsitektur sistem
- Docker
03 — ProyekYang sudah saya kirim,
Yang sudah saya kirim,
bukan yang saya rencanakan.
Masalah
Banyak UMKM punya profil perusahaan hanya di PDF dan media sosial, sulit ditemukan lewat pencarian.
Pendekatan
Dibangun dengan Next.js App Router + Tailwind, semua konten dipusatkan di satu file data agar klien bisa ubah sendiri tanpa menyentuh komponen.
Hasil
Lighthouse 98, LCP 1,8 detik, ukuran halaman 20 kB.
Masalah
Pemula sering lupa VACUUM, tidak sadar index-nya tidak terpakai, dan baru tahu backup rusak saat butuh restore.
Pendekatan
10 blok pengecekan (ukuran tabel, lock, dead tuple, cache hit ratio) plus prosedur restore yang memverifikasi sequence ikut sinkron.
Hasil
Restore 4 tabel utuh ke database baru, role read-only terbukti menolak INSERT.
Masalah
Pencatatan suhu gudang masih manual pakai kertas, sehingga penyimpangan baru ketahuan keesokan harinya.
Pendekatan
ESP32 + DHT22 publish ke broker MQTT tiap 30 detik; backend Node.js menyimpan ke PostgreSQL; dashboard menampilkan grafik dan alarm.
Hasil
Deteksi penyimpangan turun dari ~18 jam jadi di bawah 1 menit.
Masalah
Warung dengan koneksi tidak stabil tidak bisa memakai aplikasi kasir berbasis cloud.
Pendekatan
Data disimpan lokal lebih dulu (IndexedDB), diberi antrean sinkronisasi, dan konflik diselesaikan dengan timestamp perangkat.
Hasil
Nol transaksi hilang selama 2 minggu uji coba dengan internet putus-nyambung.
Masalah
Buku tamu manual membuat riwayat kunjungan tidak bisa diaudit saat ada insiden.
Pendekatan
Reader RFID mencatat setiap tap ke database, kamera menyimpan snapshot, dan panel menampilkan siapa yang masih di dalam area.
Hasil
Waktu pencarian riwayat kunjungan turun dari 40 menit jadi 5 detik.
Masalah
Sistem lama tidak punya API, sedangkan sistem baru butuh data real-time — dan tidak ada anggaran menulis ulang.
Pendekatan
Dibuat adapter service yang membaca database lama secara read-only, menormalisasi data, lalu menyajikannya lewat REST API dengan cache.
Hasil
Sinkronisasi berjalan tiap 5 menit tanpa menyentuh satu baris pun kode lama.
6 proyek ditampilkan · klik baris untuk detail
04 — Perjalanan
Dari baris pertama sampai sekarang.
Tidak ada lompatan besar — hanya empat tahun belajar konsisten sambil mengerjakan proyek nyata.
- 20232023Awal
Mulai belajar dari nol
Baris pertama HTML, lalu CSS dan JavaScript. Belajar dari dokumentasi resmi dan membongkar website orang lain.
- 20242024Backend
Masuk ke PHP & Laravel
Pindah dari halaman statis ke aplikasi dengan database, autentikasi, dan relasi tabel. Proyek pertama: sistem inventori sederhana.
- 20252025Full-stack
Node.js, Next.js, dan PostgreSQL
Membangun API sendiri, memakai React untuk antarmuka, dan mulai serius mengelola database — indexing, backup, dan monitoring.
- 20262026Sistem
IoT dan arsitektur sistem
Menyambungkan perangkat fisik ke web lewat MQTT, dan belajar merancang sistem yang bisa dirawat orang lain, bukan cuma diri sendiri.
05 — Pertanyaan
Hal yang biasanya ditanya dulu.
Kalau pertanyaan Anda belum ada di sini, kirim saja — saya balas sendiri, bukan lewat bot.
Untuk landing page dengan 5–7 seksi, biasanya 1–2 minggu setelah konten dan aset siap. Yang paling sering memperlambat bukan koding, tapi menunggu teks dan foto.
Bisa. Saya menyerahkan kode beserta dokumentasi dan sesi serah-terima, supaya tim Anda bisa melanjutkan sendiri. Kalau butuh pendampingan, tersedia paket per bulan.
Umumnya 50% di awal sebagai tanda jadi, 50% saat proyek disetujui. Untuk proyek besar bisa dibagi per milestone.
Tidak masalah. Kita mulai dari diskusi alur dan referensi yang Anda suka, lalu saya susun struktur halaman sebelum masuk ke kode.