Aetherfolio Portfolio CMS
Aplikasi web portofolio personal full-stack yang dilengkapi dengan sistem dashboard admin CMS mandiri untuk manajemen konten secara dinamis dan real-time.
Latar Belakang Proyek
Sebagai seorang developer, saya menginginkan sebuah wadah portofolio yang tidak hanya berfungsi memamerkan karya, tetapi juga mencerminkan kemampuan teknis saya secara langsung. Dibanding menggunakan platform instan siap pakai seperti WordPress atau Notion, saya memilih untuk membangun sistem manajemen konten (CMS) portofolio saya sendiri dari nol. Proyek ini saya beri nama Aetherfolio, yang dirancang sebagai pusat identitas digital saya.
Fitur Utama & Fokus Implementasi
- Dynamic CMS Dashboard: Halaman admin khusus yang dilindungi autentikasi ketat untuk mempermudah pembaruan proyek, keterampilan, resume, dan tulisan blog secara langsung tanpa perlu menyentuh baris kode ulang.
- Optimasi Performa & SEO: Menggunakan Next.js App Router dengan Server-Side Rendering untuk memastikan setiap halaman blog dan portofolio dimuat secara instan dan ramah bagi mesin pencari Google.
- Validasi Input yang Kuat: Mengintegrasikan React Hook Form dengan Zod untuk memastikan keamanan data yang dikirimkan melalui form kontak dan form kelola konten admin.
Stack Teknologi yang Digunakan
- Frontend: Next.js (App Router), TypeScript, Tailwind CSS, shadcn/ui, Framer Motion
- Database & Backend: Prisma ORM, PostgreSQL (Supabase/Local)
- Autentikasi & Validasi: Auth.js (NextAuth), Zod
Hasil & Pengalaman Berharga
Melalui Aetherfolio, saya belajar mengintegrasikan berbagai teknologi modern dalam satu codebase yang rapi. Saya memahami siklus hidup data mulai dari input admin, penyimpanan di database PostgreSQL menggunakan Prisma ORM, hingga disajikan ke pengguna publik melalui antarmuka visual kosmik yang interaktif dan responsif.