Changelog

🥟 Migrasi Package Manager ke Bun

Mengganti npm dengan Bun untuk mencapai resolusi dependensi dan eksekusi native yang super cepat.

🚀 Peningkatan Utama

• Package Manager: Menghapus package-lock.json dan proses npm sepenuhnya beralih menggunakan bun dan bun.lock, mempercepat waktu instalasi CI/CD dan pengembangan lokal secara signifikan.
• Perbaikan Build Vercel: Mengonfigurasi preset Nitro secara kondisional untuk memastikan deployment fungsi serverless yang mulus dan kompatibilitas edge routing di Vercel tanpa memunculkan error direktori output.

📄 Dukungan Streaming CV Bilingual

Migrasi aksi CV dari unduhan file paksa ke streaming/preview PDF langsung di tingkat browser.

🚀 Peningkatan Utama

• Integrasi Streaming PDF: Menghapus atribut download pada link CV dan beralih ke streaming bawaan browser dengan membuka tab baru secara aman (target="_blank" rel="noopener noreferrer").
• Tata Letak Mobile Responsif: Mengubah visibilitas tombol CV dari khusus desktop menjadi elemen inline-flex yang responsif agar pengunjung mobile dapat langsung membaca CV.
• Modernisasi Ikon: Mengganti ikon unduhan lama dengan ikon dokumen PDF profesional (faFilePdf).

📦 Peningkatan Dependensi & Migrasi i18n

Migrasi konfigurasi Nuxt i18n ke Vue i18n v11.

🚀 Peningkatan Utama

• Pembaruan Nuxt i18n: Memperbarui @nuxtjs/i18n dari versi 10.2.4 ke versi terbaru 10.4.0.
• Modernisasi Ekosistem: Mengonfigurasi dependensi overrides untuk menggunakan @intlify/vue-i18n-extensions versi 9.0.0, menghapus mesin vue-i18n@10 yang telah usang sepenuhnya, serta beralih penuh ke Vue i18n v11 (vue-i18n@11.4.6).
• Sertifikat Bilingual: Menambahkan dukungan judul dan deskripsi bahasa Inggris pada sertifikat dengan pemetaan bahasa yang dinamis.
• Proyek Bilingual: Menambahkan dukungan judul dan deskripsi bahasa Inggris pada proyek portofolio.

🔒 Pengiriman Kontak Aman & Pencegahan Spam

Mengimplementasikan pengiriman email yang aman menggunakan Brevo dan membangun suite keamanan klien yang komprehensif untuk formulir kontak.

🚀 Peningkatan Utama

• Integrasi Email Brevo: Mengganti penerusan Telegram dan WhatsApp dengan API Email Transaksional Brevo untuk pengiriman pesan yang andal.
• Anti-Spam Honeypot: Menyematkan kolom honeypot tersembunyi pada formulir kontak untuk membuang pengiriman spam otomatis secara senyap.
• Fitur Keamanan Formulir Kontak: Menambahkan pembatasan akses berbasis IP (maksimal 3 pengiriman per menit), validasi batas panjang karakter input, dan penyaringan HTML (escaping) untuk mencegah risiko XSS dan HTML Injection.
• Banner Konsol Developer: Membuat tanda tangan seni ASCII terformat dan lencana selamat datang konsol di App.vue yang dieksekusi saat halaman dimuat.

⚡ Konsolidasi Profil & Optimasi Performa

Mengonsolidasikan konfigurasi situs dan metadata profil ke dalam satu struktur data tunggal, mengoptimalkan kinerja halaman, dan menghapus endpoint usang.

🚀 Peningkatan Utama

• Konsolidasi Metadata: Menggabungkan konfigurasi kontak dan pengaturan tata letak (contact.json, settings.json) yang sebelumnya terpisah langsung ke dalam profile.json yang terpadu.
• Impor Aset Langsung: Mengganti permintaan fetch asinkron dinamis (/api/settings) pada footer tata letak situs dengan impor JSON statis langsung, mengurangi overhead runtime dan meningkatkan kecepatan hidrasi.
• Pembersihan Kode: Menghapus endpoint server yang tidak lagi digunakan (/api/settings), model JSON usang, serta tampilan halaman about.vue yang tidak digunakan.
• Pembaruan Peran: Menyempurnakan pemosisian profesional menjadi "DevOps Engineer & IT Infrastructure".

⚡ Arsitektur Statis Murni & Lokalisasi Aset

Penghapusan menyeluruh fitur administratif dinamis dan database engine untuk mencapai deployment statis murni tanpa dependensi eksternal.

🚀 Peningkatan Utama

• Pembersihan Admin & Database: Menghapus seluruh panel login, dashboard, pengaturan, pesan CRUD, auth middleware, skema Prisma, dan modul Supabase.
• Hosting Aset Lokal: Memindahkan seluruh gambar proyek dan sertifikat dari Supabase Storage (CDN) eksternal langsung ke aset lokal (/public/images/).
• Preview Open Graph: Mengonfigurasi meta tag global Open Graph dan Twitter Card dengan screenshot resolusi tinggi dari halaman beranda utama.
• Unduh CV Bilingual: Menambahkan tombol unduh CV dinamis pada Hero section, yang secara otomatis mengunduh versi Inggris (/CV_Rachman_EN.pdf) atau Indonesia (/CV_Rachman_ID.pdf) sesuai bahasa terpilih.
• Bahasa Default & Pembersihan: Mengubah bahasa default aplikasi menjadi Bahasa Indonesia (id). Membersihkan file .env, konfigurasi, dan modul yang tidak lagi digunakan (menghapus @nuxtjs/turnstile).
• Penerusan Formulir: Mengintegrasikan formulir kontak dengan penerusan pesan instan WhatsApp/Telegram langsung.

🎯 Pengalaman Satu Layar & Threads

Menyempurnakan nuansa premium dengan viewport terkunci dan integrasi sosial modern.

🚀 Peningkatan

• Beranda Satu Layar: Mendesain ulang halaman Beranda menjadi UI "Satu-Halaman" tanpa scroll menggunakan h-screen dan overflow-hidden untuk pengalaman landing yang lebih fokus.
• Integrasi Threads: Mengganti semua branding dan ikon Instagram dengan Threads di Footer publik dan Dashboard Admin.
• Keseimbangan Visual: Menyeimbangkan posisi vertikal di Beranda dengan menyesuaikan offset padding atas dan menyelaraskan background Changelog dengan tema global (bg-gray-100) untuk transisi halaman yang mulus.

📜 Halaman Catatan Perubahan

Halaman khusus untuk menampilkan riwayat versi dan catatan rilis secara publik.

🚀 Fitur

• UI Linimasa: Reproduksi presisi dari Template Changelog resmi Nuxt dengan indikator tanggal lengket dan aksen warna emerald.
• Render Markdown: Parser markdown ringan bawaan tanpa dependensi eksternal.
• Dukungan Bilingual: Judul halaman dan deskripsi sepenuhnya terlokalisasi.

✨ Nuxt i18n & Animasi Estetik

Pembaruan ini berfokus pada ketangguhan lokalisasi dan polesan tampilan depan tingkat tinggi.

🚀 Fitur & Polesan

• Integrasi Nuxt i18n: Merombak total fungsi perpindahan bahasa menggunakan modul resmi @nuxtjs/i18n untuk manajemen status terjemahan yang sempurna.
• Animasi Masuk: Memperkenalkan animasi masuk fade-up beruntun yang modern secara global di seluruh frontend publik (Beranda, Proyek, Sertifikat, Kontak).
• Perbaikan Hidrasi Nuxt: Melewati bug caching layout statis untuk memastikan header latar belakang dan toggle i18n tetap responsif selama navigasi SPA.

🛡️ Konsol Admin Fullstack

Pembaruan besar yang memperkenalkan Content Management System (CMS) kustom lengkap untuk mengelola portofolio secara dinamis.

🌟 Modul Manajemen Baru

• Autentikasi: Jalur administratif yang aman melalui Supabase Auth dan sesi-server H3.
• Ikhtisar Dashboard: Akses statistik real-time, log aktivitas, dan metrik sistem.
• Entitas Dinamis: Alat CRUD lengkap untuk Proyek, Sertifikat, dan Link Navigasi.
• Hub Konten: Editor khusus untuk Pengaturan, Tentang, dan Profil untuk memperbarui teks identitas publik secara instan.
• Pusat Pesan: Kotak masuk pribadi untuk komunikasi yang dikirim dari formulir kontak publik.
• Cloudflare Turnstile: Integrasi perlindungan bot pada halaman login autentikasi menggunakan @nuxtjs/turnstile untuk akses admin yang aman.
• Notifikasi Bot Telegram: Peringatan pesan real-time otomatis yang diteruskan ke Telegram saat ada pengiriman formulir kontak baru.
• Penyedia Unggahan Fleksibel: Unggahan gambar dapat dialihkan antara penyimpanan lokal dan Supabase Storage melalui konfigurasi variabel lingkungan.

🟢 Transformasi Nuxt

Seluruh infrastruktur ditulis ulang untuk ekosistem web modern.

🚀 Sorotan Migrasi

• Migrasi kode dari framework vanilla murni ke Nuxt 4 yang didukung oleh Vue.js 3.
• Migrasi Server: Transisi hosting dari XCP-ng (Ubuntu Server + Docker) yang dikelola mandiri ke lingkungan serverless Vercel yang dioptimalkan secara global.
• Integrasi Supabase (PostgreSQL + Storage) dan Prisma ORM sebagai lapisan database inti.
• Mengaktifkan Server-Side Rendering (SSR) untuk peningkatan kecepatan dan SEO yang signifikan.

🔴 Peluncuran Statis Awal

Versi pertama portofolio dalam bentuk yang paling sederhana.

🛠️ Arsitektur

• Dibangun sebagai Single Page Application (SPA) menggunakan framework Vue 3 melalui Vite (create-vue).
• Frontend statis sepenuhnya dengan layout glassmorphism sederhana yang didukung oleh Tailwind CSS.
• Tanpa database atau overhead framework backend.