Fitur Baru

• Halaman Log Perubahan Dinamis: Menambahkan halaman log perubahan khusus yang dirancang dengan indah, dapat diakses dengan mengklik badge versi di header.

Peningkatan

• Sidebar Lengket Dinamis: Menerapkan logika sidebar lengket pintar yang menghitung posisi secara dinamis, memungkinkan sidebar menempel di bagian bawah viewport saat lebih tinggi dari layar dan menempel di bagian atas saat lebih pendek.
• Desain Ulang Kartu Profil: Memperbarui bagian avatar dengan lingkaran bergaris putus-putus dan lencana emoji tangan melambai (👋) sirkuler dengan animasi klik. Menebalkan tata letak nama dan peran.
• Gaya Kartu: Menghapus efek bayangan (drop shadow & hover shadow) dari kartu sidebar Profil dan Karir/Portofolio.
• Pembaruan Teknologi Inti: Menambahkan NuxtJS dan TypeScript, serta menghapus ExpressJS dan Ruby on Rails dari daftar teknologi inti.
• Penyempurnaan Halaman Pengalaman: Menghapus kartu "Testing & Code Quality" dari grid Keahlian Teknis.
• Penyederhanaan Label: Merapikan label pada bagian Semua Post dan Artikel Unggulan dengan menyeragamkan warnanya menjadi warna hijau yang bersih dan konsisten, sementara label Kategori (Post Type) tetap menggunakan gaya warna-warni agar tampilan tetap informatif namun lebih rapi.
• Peningkatan Navigasi: Mengembalikan ikon panah pada tombol navigasi Karir & Portofolio dengan transisi hover yang mulus.
• Peningkatan Versi: Memperbarui badge versi dan terjemahan ke v1.3.0.

Fitur Baru

Pembuatan Konten AI

• API Pembuatan AI: Endpoint baru untuk pembuatan judul, konten, dan tag otomatis.
• Komponen AIGenerator: Komponen dasbor yang ramah pengguna untuk pembuatan konten berbasis AI.
• Integrasi Formulir: Peningkatan formulir artikel dengan kapabilitas pembuatan AI.
• Saran Pintar: Pembuatan konten yang sadar konteks berdasarkan input pengguna.
• Hook use-ai-generation: Hook kustom untuk mengelola status pembuatan AI.

Sistem Galeri Masonry

• Galeri Masonry: Tata letak masonry modern untuk galeri gambar.
• Scroll Horizontal: Gulir horizontal yang mulus untuk thumbnail seluler.
• Mode Grid Persegi: Grid persegi yang dioptimalkan hingga 5 gambar.
• Tata Letak Dinamis: Tata letak grid pintar berdasarkan jumlah gambar.
• Dialog Gambar: Penampil gambar layar penuh yang ditingkatkan dengan manajemen z-index.
• Desain Responsif: Tata letak adaptif untuk semua ukuran layar.
• Navigasi Thumbnail: Galeri thumbnail visual di bawah gambar utama.

Pengalaman Memuat Halaman

• Next.js TopLoader: Integrasi komponen NextTopLoader untuk umpan balik transisi halaman visual.
• Indikator Pemuatan: Progress bar yang mulus selama navigasi halaman.
• Peningkatan UX: Pengalaman pengguna yang lebih baik selama perutean sisi klien.
• Integrasi Mulus: Otomatis aktif pada semua transisi halaman.

Perbaikan Bug

Seluler & Responsivitas

• Penyelarasan Ikon Obrolan: Memperbaiki penyelarasan vertikal pada pesan chatbot.
• Perilaku Fokus Input: Meningkatkan penanganan fokus untuk mencegah race condition.
• Ikon Responsif: Ukuran ikon yang lebih baik di berbagai perangkat.
• Posisi Obrolan: Mengoptimalkan posisi obrolan mengambang untuk seluler.

Data & API

• Asersi Tipe: Memperbaiki masalah tipe viewTrackingRef di PostCard.
• Kolom Ringkasan: Mengubah menjadi tipe boolean opsional.
• Kolom Excerpt_en: Dihapus dari PostRow dan kueri terkait.
• Profil Pengguna: Menghapus relasi user_profiles untuk menyederhanakan model data.

UI & Gaya

• Pembuat Metadata: Menghapus kolom generator yang tidak perlu.
• Kelas Tipografi: Penamaan yang konsisten dari custom-card-typography ke custom-typography.
• Struktur PostCard: Meningkatkan struktur komponen dan konsistensi gaya.

Middleware & Konfigurasi

• Pengalihan Permanen: Mengubah pengalihan lokal menjadi 301 (permanen) untuk SEO yang lebih baik.

Peningkatan & Penyempurnaan

SEO & Analitik

• Peningkatan Meta Tag: OpenGraph dan Twitter Cards yang komprehensif.
• Data Terstruktur: Skema JSON-LD tingkat lanjut (Article, Breadcrumb, BlogList, FAQ).
• Kata Kunci Dinamis: Pembuatan otomatis kata kunci SEO dari konten.
• Waktu Baca: Perhitungan otomatis waktu baca dan jumlah kata.
• Petunjuk Performa: Preconnect, DNS prefetch, dan pemuatan aset penting terlebih dahulu.
• Google Analytics: Integrasi GA4 untuk pelacakan.

Editor Teks Kaya (TextEditor)

• Integrasi TextEditor: Editor WYSIWYG profesional untuk pembuatan konten.
• Heading Support: Heading H1-H6 dengan pemilih dropdown.
• Penyelarasan Teks: Penyelarasan teks kiri, tengah, kanan, dan rata kanan-kiri.
• Alat Pemformatan: Bold, italic, underline, strikethrough.
• Manajemen Tautan: Penyisipan dan pengeditan tautan yang mudah.
• Dukungan Gambar: Kemampuan menyisipkan gambar.
• Dukungan Blok Kode: Sorotan sintaksis dengan lowlight.js.
• Penghitung Karakter: Jumlah karakter waktu nyata dengan batas maksimal.
• Sinkronisasi Konten: Manajemen status yang mulus dengan formulir.

Chatbot Berbasis AI

• Deteksi Keyboard: Peningkatan UX dengan navigasi keyboard.
• Dioptimalkan untuk Seluler: Antarmuka obrolan mengambang yang responsif.
• Penanganan Kesalahan: Manajemen kesalahan yang tangguh untuk streaming.

Optimasi Performa

• Menghapus framer-motion: Menghilangkan animasi untuk performa seluler yang lebih baik.
• CSS yang Disederhanakan: Mengurangi kompleksitas animasi dan elemen latar belakang.
• Gulir Seluler: Ditingkatkan dengan overflow-x: clip dan menghapus content-visibility.
• Akselerasi Perangkat Keras: Diterapkan pada komponen chat mengambang dan tab bar.
• Posisi Tetap: Dioptimalkan untuk seluler dengan elemen posisi tetap tingkat root.
• Rendering Kondisional: Rendering khusus perangkat untuk performa optimal.

Arsitektur & Kualitas Kode

Refactoring Lapisan Layanan

• PostSimpleService: Menggantikan PostApiSimpleService untuk struktur yang lebih baik.
• PostAIService: Struktur pembuatan konten AI (judul, konten, tag).
• PostCacheService: Lapisan caching cerdas dengan manajemen TTL.

Pola Repositori

• Kueri yang Dioptimalkan: Struktur kueri database yang lebih baik dengan pengurangan promise chaining.
• Model Data yang Disederhanakan: Menghapus relasi excerpt_en dan user_profiles.

Organisasi Kode

• Pembersihan Impor: Mengatur ulang dan menghapus impor yang tidak digunakan.
• Struktur Komponen: Organisasi komponen yang lebih baik.
• Manajemen Dependensi: Dependensi useEffect yang tepat.
• Struktur File: Organisasi proyek yang lebih bersih.

v1.2.0 mewakili pencapaian besar dalam evolusi situs web pribadi ini. Rilis ini membawa peningkatan signifikan di berbagai area.

Fitur Baru

Chatbot Berbasis AI

• Integrasi Chatbot: Chatbot bertenaga AI dengan integrasi SumoPod.
• Respons Streaming: Respons streaming waktu nyata dengan efek mengetik.
• UI Mengambang: Chatbot mengambang di halaman pengalaman dan portofolio.
• Riwayat Obrolan: Mengoptimalkan penanganan riwayat obrolan untuk mengurangi penggunaan token.
• Alur Percakapan: Peningkatan salam awal dan alur percakapan.

Peningkatan Profil & CV

• Bagian Keterampilan: Menambahkan bagian soft skills dan memperbarui teknologi.
• Tampilan Keterampilan Lengkap: Menampilkan daftar lengkap keterampilan alih-alih versi yang dipotong.
• Optimasi ATS: Memperbarui konten dan gaya CV untuk sistem ATS.
• Bagian Pendidikan: Menambahkan bagian pendidikan dengan entri komunitas Qodr.
• Pengalaman Kerja: Menyederhanakan dan mengonsolidasikan deskripsi pengalaman kerja.
• Tanggung Jawab: Menambahkan bagian tanggung jawab ke halaman pengalaman.

Internasionalisasi

• Inggris & Indonesia: Menambahkan terjemahan untuk keahlian dan pengalaman.
• Data Profil: Meningkatkan data profil dengan dukungan bilingual.

Perbaikan Bug & Peningkatan

Chatbot

• Penanganan Kesalahan: Meningkatkan penanganan kesalahan streaming.
• Fokus Input: Memperbaiki perilaku fokus input dan pengalihan obrolan.
• Dependensi: Memperbarui dependensi useEffect untuk performa yang lebih baik.
• Penyelarasan Ikon: Memperbaiki penyelarasan ikon pada pesan chatbot mengambang.

Profil & Portofolio

• Dukungan GitLab: Menambahkan GitLab ke tautan sosial dan data profil.
• Status Pekerjaan: Meningkatkan tampilan status pekerjaan.
• Tampilan Profil: Meningkatkan tampilan data profil dengan integrasi GitLab.
• Judul Pekerjaan: Memperbarui judul pekerjaan dan pencapaian untuk kejelasan dan keakuratan.

Kualitas Kode

• Prettier: Memformat codebase dengan konfigurasi prettier.
• Keamanan Tipe: Meningkatkan keamanan tipe di seluruh komponen.
• Organisasi Impor: Mengatur ulang impor untuk struktur yang lebih baik.
• Format Kode: Meningkatkan pemformatan dan keterbacaan kode.

Perbaikan Lainnya

• Unggah File: Menghapus variabel yang tidak digunakan dalam proses unggah file.
• Pemisah Halaman: Menghapus variabel pemisah halaman yang tidak digunakan di CVContentATS.
• Teknologi: Memperbarui teknologi portofolio.

Peningkatan Teknis

• Integrasi Sentry: Menambahkan Sentry untuk pemantauan kesalahan dan pelacakan performa.
• Skema Teknologi: Menata ulang skema teknologi dan memperbarui komponen UI.
• Layanan API: Memfaktorkan ulang layanan Posts API dan pengujian untuk struktur yang lebih baik.
• Aturan Proyek: Menambahkan panduan aturan proyek yang komprehensif.

Fitur Baru

• Dukungan GitLab: Menambahkan GitLab ke tautan sosial dan data profil.
• Integrasi WhatsApp: Meningkatkan kartu profil dengan integrasi WhatsApp.
• Fungsionalitas Ringkasan: Menambahkan fungsionalitas ringkasan ke kartu artikel.

Perbaikan Bug

• Proses Unggah: Menghapus variabel yang tidak digunakan dalam proses unggah file.
• Penanganan Ringkasan: Meningkatkan penanganan ringkasan di halaman artikel dan kartu profil.
• Tautan Sosial: Meningkatkan keamanan tautan sosial di kartu profil.

Peningkatan

• Manajemen Artikel: Meningkatkan logging dan penanganan gambar dalam pembuatan dan pembaruan artikel.
• Tipografi: Meningkatkan gaya heading untuk desktop dan responsivitas seluler.
• Nama Kelas: Memperbarui nama kelas tipografi untuk konsistensi.
• Dependensi: Menambahkan axios dan definisi tipenya untuk penanganan API yang lebih baik.

Refactoring

• Layanan Artikel: Mengganti PostApiSimpleService dengan PostSimpleService.
• Repositori Mock: Menghapus PostMockRepository yang tidak digunakan.
• Rencana Refactoring: Menambahkan dokumen rencana refactoring yang komprehensif.

Perbaikan Bug

• Bawaan Pengalaman: Menyetel pengalaman bawaan ke 5 tahun untuk konsistensi.

Fitur Baru

• Peningkatan SEO: Meningkatkan integrasi SEO dan analitik.
• Tipografi Kustom: Menerapkan gaya tipografi kustom untuk artikel dan utas.
• Format Tanggal: Memperbarui format tanggal pada kartu artikel.

Peningkatan

• Kelas Tipografi: Memperbarui nama kelas tipografi untuk konsistensi.
• Metadata: Meningkatkan pembuatan metadata dan optimasi SEO.

Perbaikan Bug

• Kartu Portofolio: Menghapus impor ikon yang tidak digunakan untuk kode yang lebih bersih.
• Konten Artikel Ditingkatkan: Menghapus impor tombol yang tidak digunakan untuk kode yang lebih bersih.

Fitur Baru

• Komponen Badge: Mengganti tag teknologi dengan komponen Badge untuk gaya yang lebih baik.
• Tata Letak CV: Meningkatkan tata letak CV dan presentasi teknologi.

Peningkatan

• Metadata: Menghapus kolom generator dan memperbarui versi di header.
• Footer Artikel: Menghapus footer artikel untuk presentasi yang lebih bersih.

Rilis Awal

Fitur Inti

• Framework Next.js: Dibangun dengan Next.js 14 dan React 18.
• TypeScript: Dukungan penuh TypeScript untuk keamanan tipe.
• Tailwind CSS: Gaya modern dengan Tailwind CSS.
• Internasionalisasi: Dukungan untuk bahasa Inggris dan Indonesia.
• Mode Gelap: Dukungan penuh mode gelap dengan pemilih tema.

Manajemen Konten

• Sistem Artikel: Sistem artikel blog lengkap dengan kategori dan tag.
• Bagian Portofolio: Showcase proyek dan karya.
• Bagian Pengalaman: Tampilan pengalaman kerja dan keterampilan.
• CV/Resume: CV yang dapat diunduh dengan format yang dioptimalkan untuk ATS.

Komponen UI

• Desain Responsif: Desain responsif ramah seluler.
• Ikon Media Sosial: Integrasi dengan GitHub, LinkedIn, WhatsApp, dll.
• Kartu Profil: Komponen kartu profil profesional.
• Kartu Artikel: Tata letak kartu artikel yang indah.
• Navigasi: Navigasi yang mulus dengan dukungan lokal.

Database & API

• Integrasi Supabase: Backend didukung oleh Supabase.
• Rute API: Endpoint API RESTful.
• Kueri Database: Kueri database yang dioptimalkan.
• Autentikasi: Dukungan autentikasi pengguna.

SEO & Performa

• Meta Tags: Meta tag komprehensif untuk SEO.
• Peta Situs: Pembuatan peta situs dinamis.
• Robots.txt: Pengoptimalan mesin pencari.
• Performa: Dioptimalkan untuk Core Web Vitals.

Struktur Proyek

• Organisasi Komponen: Struktur komponen yang teratur dengan baik.
• Lapisan Layanan: Pemisahan kepentingan dengan lapisan layanan.
• Pola Repositori: Lapisan akses data yang bersih.
• Definisi Tipe: Tipe TypeScript yang komprehensif.
• File Konfigurasi: Konfigurasi yang tepat untuk semua alat.