#Project Overview
Portfolio v1 adalah website portofolio dan blog pribadi pertama yang saya buat, dibangun menggunakan PHP vanilla, MySQL, dan Bootstrap. Konten blog ditulis menggunakan Markdown, menjadikan project ini sebagai fondasi dari perjalanan portofolio dan blogging saya hingga saat ini — benar-benar the OG.
Project ini dibuat bukan hanya sebagai media personal branding, tetapi juga sebagai ruang belajar untuk melatih konsep dasar pemrograman web dari nol.
#Latar Belakang & Motivasi
Sejak awal mulai belajar programming, saya sudah memiliki keinginan besar untuk berbagi pengetahuan dan pengalaman, terinspirasi dari berbagai blog, website personal, dan dokumentasi yang dibuat oleh developer lain.
Di sisi lain, saya juga ingin memiliki sebuah project nyata yang bisa saya gunakan untuk:
- Berlatih programming secara konsisten
- Membangun sesuatu yang bersifat personal dan bermanfaat
- Memahami bagaimana sebuah website bekerja secara end-to-end
Dari motivasi tersebut, lahirlah website portofolio dan blog pertama saya ini.
#Keputusan Desain Awal
Meskipun masih berada di tahap awal belajar, sejak awal saya sudah memiliki beberapa konsep yang cukup jelas:
- Konten blog harus ditulis menggunakan Markdown
- Code block harus mendukung:
- Syntax highlighting
- Copy-to-clipboard
- Website harus memiliki manajemen konten dasar
- Sistem autentikasi dibuat secara manual
Walaupun sederhana, keputusan-keputusan ini membentuk arah arsitektur portofolio dan blog saya dalam jangka panjang.
#Tech Stack (Oldschool tapi Fondasional 😄)
Jika dilihat dari sudut pandang sekarang, tech stack yang digunakan di project ini memang terasa cukup oldschool, namun justru sangat penting untuk membangun fondasi saya:
- PHP (Vanilla / Native)
- Tanpa framework
- Tanpa OOP
- Murni procedural PHP
- MySQL
- Penyimpanan data
- Operasi CRUD
- Query ditulis dan dikelola secara manual
- Bootstrap
- Framework frontend (pada masa sebelum Tailwind CSS populer)
- highlight.js
- Digunakan untuk syntax highlighting pada konten Markdown
Semua hal seperti autentikasi, routing, dan content management diimplementasikan secara manual, tanpa abstraksi framework apa pun.
#Fase Belajar & Tantangan
Project ini dibuat ketika saya baru pertama kali belajar programming, yang berarti:
- Banyak hal dikerjakan secara manual
- Belum ada best practice yang jelas
- Struktur kode masih sederhana, kadang berantakan, tetapi sangat edukatif
Dari project ini, saya belajar banyak hal fundamental, seperti:
- Cara kerja server-side rendering dengan PHP
- Alur autentikasi user
- Interaksi database dengan backend logic
- Proses parsing dan rendering Markdown untuk blog
- Komunikasi antara frontend dan backend pada web stack tradisional
#Mengapa Project Ini Penting
Walaupun terlihat sederhana jika dibandingkan dengan project-project saya yang lebih baru, Portfolio v1 memiliki nilai yang sangat penting dalam perjalanan saya.
Project ini penting karena:
- Merupakan awal mula portofolio dan blog saya
- Menjadi project full-stack web pertama yang benar-benar saya bangun
- Membantu membentuk pemahaman dasar tentang web development
- Menumbuhkan ketertarikan jangka panjang pada blogging dan technical writing
- Menjadi titik awal untuk iterasi selanjutnya (v2, v3, dan seterusnya)
#Legacy & Kelanjutan
Meskipun Portfolio v1 sudah tidak lagi dikembangkan secara aktif, ide dan tujuan dari project ini tetap hidup di versi-versi portofolio berikutnya.
Banyak konsep yang diperkenalkan di sini — seperti konten berbasis Markdown, syntax highlighting, dan penulisan teknis untuk developer — terus berkembang dan diimplementasikan kembali dengan teknologi yang lebih modern.
#Kesimpulan
Portfolio v1 adalah project di mana semuanya dimulai.
Dibangun menggunakan PHP vanilla, MySQL, dan Bootstrap, project ini merepresentasikan langkah awal saya di dunia programming dan web development. Meskipun sederhana dan menggunakan teknologi yang kini sudah tergolong lawas, project ini menjadi fondasi penting bagi skill, mindset, dan ketertarikan jangka panjang saya dalam membangun dan berbagi melalui web.
Untuk detail implementasi, dokumentasi, dan konteks historis yang lebih lengkap, silakan langsung melihat repository project ini di GitHub.
