Aplikasi Web2023-08-15
Awd - Personal Portfolio & Systems Showcase
Website portofolio interaktif berbasis Next.js 15, Tailwind CSS v4, TypeScript, Multi-language (ID/EN), dan Dark Mode.
Galeri & Slideshow Tangkapan Layar (4)
1 / 4
Teknologi & Infrastruktur yang Digunakan
Next.js 15TypeScriptTailwind CSS v4Lucide IconsRSS ReaderGitHub API
Detail Arsitektur & Catatan Studi Kasus
Gambaran Umum & Tujuan Sistem
Awd adalah platform web portofolio pribadi modern yang dirancang untuk menampilkan rekam jejak proyek sistem informasi, arsitektur microservices, riset publikasi, dan kredensial keahlian teknologi secara interaktif dan dinamis.
Fitur Utama & Arsitektur Sistem
- Arsitektur Next.js 15 App Router: Menggunakan fitur Server Components dan static generation untuk waktu muat halaman sub-second.
- Dukungan Multi-Bahasa (ID/EN): Fitur peralihan bahasa instan berbasis React Context API untuk jangkauan audiens internasional.
- Manajemen Tema (Dark & Light Mode): Pengaturan skema warna otomatis mengikuti preferensi sistem operasi pengguna tanpa flicker.
- Integrasi Konten Markdown & Dynamic Filter: Parsing otomatis frontmatter markdown proyek dan publikasi dengan sistem filter kategori data-driven.
Nilai Tambah & Performa Sistem
Dioptimalkan secara penuh untuk performa SEO, aksesibilitas antarmuka pengguna (UI/UX), serta performa skor Lighthouse 100% pada aspek aksesibilitas dan performa sistem.