Tentang situs ini

Portofolio untuk dibaca, bukan sekadar dilihat.

Situs ini merangkum karya, pengalaman, dan pendidikan saya dalam satu tempat. Saya merancangnya agar cepat, mudah diakses, dan tersedia dalam empat bahasa.

Tujuan situs ini

  • 01

    Memperkenalkan diri dan kemampuan saya, dari software engineering hingga AI dan cybersecurity.

  • 02

    Mendokumentasikan proyek, pengalaman, dan pendidikan secara terstruktur.

  • 03

    Memudahkan recruiter, kolaborator, dan rekan kerja menghubungi saya.

Cara situs ini dibuat

Saya mengembangkan situs ini dengan bantuan AI coding agent. Keputusan penting tetap saya pegang, dan saya meninjau langsung detail yang kerap terlewat oleh agen.

  1. Menyiapkan fondasi proyek

    Saya menyiapkan fondasi proyek sendiri dengan Next.js, Bun, Tailwind CSS, shadcn/ui, Prettier, dan ESLint. Pilihan ini menjadi dasar pengembangan berikutnya.

  2. Menyiapkan coding agent

    Saya menambahkan agent skills, file konteks tentang diri saya, serta panduan proyek untuk stack, model konten, pengujian, dan gaya penulisan.

  3. Menentukan arah desain

    Sebelum mulai membangun, saya menentukan halaman, tone, bahasa, dan nuansa situs.

  4. Membangun bertahap dengan AI

    Coding agent membantu membangun sebagian besar halaman, komponen, dan terjemahan secara bertahap, dengan berpegang pada konteks dan panduan proyek.

  5. Menguji dan meninjau

    Saya memeriksa setiap perubahan lewat build, type check, dan pengujian di browser, lalu meninjaunya sebelum melanjutkan.

  6. Merapikan dan mendokumentasikan

    Saya membenahi detail yang luput, seperti aksesibilitas, jarak, pilihan kata, dan interaksi. Saya juga mendokumentasikan pola yang digunakan agar perubahan berikutnya tetap konsisten.

Teknologi dan tools

Framework

  • Next.js
  • React
  • TypeScript

Styling dan UI

  • Tailwind CSS
  • shadcn/ui
  • Base UI
  • Lucide

Tools

  • Bun
  • Prettier
  • ESLint

Kode sumber

Seluruh kode situs ini open source. Silakan lihat repositorinya.

Lihat di GitHub