
Pengembangan Website
- Ibrahim Fiqhan
- Website
- 29 Maret 2025
Daftar Isi
Website dan aplikasi web, dibangun agar cepat dimuat dan mudah ditemukan — lalu diserahkan bersama semua yang dibutuhkan tim Anda untuk menjalankannya.
Mulai dari situs company profile hingga aplikasi penuh dengan akun pengguna, dasbor, dan backend administrasi.
Yang Anda dapatkan
- Source code di repository Anda, menjadi milik Anda, tanpa ikatan lisensi apa pun.
- Build yang responsif, diuji pada ponsel, tablet, dan desktop.
- Hosting yang sudah dikonfigurasi — statis di balik CDN, atau VPS dengan container bila proyeknya memerlukan server — beserta SSL dan domain yang sudah diarahkan dengan benar.
- CMS atau alur penyuntingan yang benar-benar bisa dipakai tim non-teknis Anda, sehingga perubahan teks rutin tidak perlu kembali ke developer.
- Fondasi SEO: title dan meta description, tag Open Graph untuk pratinjau tautan, structured data, sitemap, dan robots.txt.
- Analitik terpasang dan sudah dipastikan mengirim data.
- Target performa tercapai — diukur dengan Lighthouse dan Core Web Vitals, dilaporkan sebelum dan sesudah.
- Pipeline CI/CD agar perubahan ter-deploy saat merge.
- Dukungan multibahasa bila Anda membutuhkannya, dengan
hreflangdan metadata per bahasa yang benar. - Runbook dan sesi serah terima, serta dukungan 30 hari pasca-peluncuran untuk perbaikan cacat.
Yang bisa saya bangun
Empat bidang yang tertera pada poster.
Web Profile
Situs company profile atau personal: beranda, layanan, portofolio, berita, karier, serta formulir kontak dengan perlindungan spam.
Dibangun sebagai situs statis dengan Hugo untuk konten yang jarang berubah. Tidak ada basis data yang perlu ditanya dan tidak ada yang perlu dirender saat request, sehingga halaman dimuat jauh di bawah satu detik, biaya hostingnya nyaris nol, dan sangat sedikit permukaan yang tersisa untuk diserang. Situs ini salah satunya.
Aplikasi Web
Untuk proyek yang membutuhkan akun dan role, dasbor, backend administrasi, pelaporan, penanganan berkas, pembayaran, atau pencarian.
Saya membangunnya dengan Go, PHP/Laravel, atau React, bergantung pada kebutuhan proyek dan apa yang mampu dipelihara tim Anda setelahnya. Go dengan template server-rendered dan htmx menjadi pilihan utama saya untuk pekerjaan internal dan yang berat di sisi admin: satu binary, tanpa langkah build di frontend, dan tetap cepat tanpa lapisan caching di depannya. Pendekatan itu saya bawa cukup jauh sampai menulis satu framework admin panel untuknya.
Portal Dinas Kominfo Jatim adalah contoh Laravel-nya — CMS penuh, Meilisearch yang menghadirkan pencarian di bawah satu detik untuk informasi publik, caching Redis, deployment berbasis container, serta uptime 99% melewati periode trafik tinggi.
Optimasi SEO
On-page lebih dahulu: title dan meta description, tag Open Graph untuk pratinjau tautan, structured data, sitemap, robots.txt, serta internal linking yang benar-benar menghubungkan halaman yang berkaitan.
Lalu pekerjaan teknis yang diukur Lighthouse — format dan ukuran gambar, lazy loading, resource yang memblokir render, header caching — dilaporkan sebelum dan sesudah agar Anda bisa melihat apa yang berubah, bukan hanya mempercayai perkataan saya.
Dan kasus yang lebih sulit: membuat aplikasi JavaScript bisa ditemukan sama sekali. Single-page app menyerahkan wadah kosong kepada crawler lalu kalah. Untuk USIN Academy saya menyelesaikannya dengan prerendering saat build — seluruh 19 route dirender menjadi HTML statis yang membawa metadatanya sendiri, lalu di-hydrate menjadi React. Tanpa perlu migrasi framework.
Pemeliharaan & Pembaruan
Pembaruan dependensi dan keamanan, backup dengan restore yang diuji, monitoring uptime beserta alert, serta permintaan perubahan kecil secara retainer.
Situs melapuk karena satu alasan. Memperbaruinya terasa merepotkan, sehingga tidak ada yang melakukannya, dan delapan belas bulan kemudian framework-nya tertinggal tiga versi mayor dan setiap jalur upgrade harus melewati satu akhir pekan. Hilangkan kerepotannya, maka pelapukannya berhenti.
Teknologi
| Lapisan | Pilihan |
|---|---|
| Situs statis | Hugo |
| Aplikasi (Go) | Go dengan htmx dan template server-rendered, GORM, Gin |
| Aplikasi (PHP) | Laravel, Livewire |
| Aplikasi (JS) | React, Alpine.js, Node |
| Tampilan | Tailwind CSS |
| Basis data | PostgreSQL, MariaDB/MySQL, Redis |
| Pencarian | Meilisearch |
| Hosting | Cloudflare Pages, VPS dengan Docker, AWS, GCP |
| Web server | Caddy, Nginx |
| CI/CD | GitLab CI, GitHub Actions, Bitbucket Pipelines |
Bagaimana prosesnya
1. Pelingkupan. Daftar halaman atau fitur, kepemilikan konten, integrasi, bahasa, dan apa yang di luar cakupan, secara tertulis.
2. Struktur lebih dahulu. Repository, hosting, pipeline, dan arsitektur informasi sebelum detail desain.
3. Pembangunan. Diserahkan pada URL staging yang bisa Anda tinjau sambil berjalan.
4. Peluncuran. Peralihan domain, SSL, redirect dari URL lama agar peringkat yang sudah ada tetap terjaga, serta verifikasi analitik.
5. Serah terima. Pelatihan CMS, runbook, masa dukungan.
Memilih bentuk yang tepat
Saya akan merekomendasikan situs statis kecuali ada sesuatu yang benar-benar menuntut server, karena statis lebih cepat, lebih murah, dan lebih aman. Jika proyek Anda memang memerlukan akun pengguna, data langsung, atau konten dari pengguna, maka ia butuh aplikasi, dan saya akan mengatakannya terus terang alih-alih menjual pilihan yang lebih murah lalu membangunnya ulang setahun kemudian.
Hubungi saya
Ceritakan apa yang perlu dilakukan situs ini dan untuk siapa. Kirim pesan via WhatsApp.
