Yow!

Untuk meramaikan kembali khasanah per website ini biar aktif, Aku mau cerita nih, gimana sejarahnya website ini terbentuk. Mungkin kalian penasaran dulu website aku kyk gimana atau dulu website nya apakah sudah seperti saat ini atau tidak. So, let's go!

Tulisan ini bakal lebih panjang dari biasanya, jadi yah siapkan diri.

2021, Dimana Ini Semua Dimulai.

Tahun 2021 adalah tahun dimana aku memutuskan untuk membuat sebuah website. Jujur aja, ide ini muncul ketika aku sedang mengantre membeli martabak (aku merasa aneh masih bisa mengingat hal ini walaupun sekilas). Kok bisa? Aku lupa apa yang terjadi, namun karena bosan akhirnya aku iseng scrolling sesuatu terus menemukan lah sesuatu ide aha itu, dan yak disitu juga lah aku mendesain kasar web nya.

Di website pertama ini aku mencoba mengaplikasikan basic HTML dan CSS yang aku dapatkan dari tutorial-tutorial (Pada masa ini AI belum semasif sekarang). Dan aku membuat 2 halaman sederhana aja waktu itu. Halaman introduction dan halaman "HUB". Yah intinya waktu itu aku mau mengganti linktree gitu dengan versi yang aku buat sendiri.

Beberapa bulan kemudian di tahun yang sama, aku pun mencoba lebih serius lagi mengembangkan website aku ini. Aku mulai mempelajari berbagai komponen di website seperti NavBar! Nah di versi ini, aku menyatukan identitas online aku dengan pribadi aku yang asli. Karena saat itu yaaa why not? (FYI, nama virtual sama asli ku sama kok).

Disini aku mulai sedikit membuat berbagai layout, dan mulai menambahkan beberapa "fitur" di website aku ini yaitu halaman "Aktivitas". Yah, halaman ini berfokus pada menampilkan aktivitas online aku saat itu seperti tulisan aku, dan video di Youtube. Tapi yah aku mengalami kesulitan ketika mengembangkan hal ini. Yaitu membuat tampilan website aku ramah di smartphone. Akhirnya aku tidak melanjutkan website ini karena rasa frustasi aku dan juga kesibukan aku saat itu.

Berkenalan Dengan Sebuah Framework?

Di tahun 2022, akhirnya aku mencoba kembali membuat website ini. Namun alih-alih menggunakan basic HTML/CSS seperti sebelumnya, disini aku mencoba menggunakan Flutter. Kalau kalian yang background coding, mungkin dalam hati langsung ngomong,

KOK BISA-BISANYA PAKAI FLUTTER!???.

Jadi gini, di tahun 2022, aku sedang belajar membuat aplikasi Android menggunakan Flutter lalu aku langsung suka sama framework tersebut sampai aku sempat membuat beberapa aplikasi iseng dan berjalan dengan baik hehe. Nah karena Flutter ini juga support buat publish di Website, akhirnya aku ngide dengan berpikir, "Hmm kyknya menarik nih pakai Flutter buat website aku..", langsung deh aku eksekusi.

Kesan pertama saat itu, "Wah sulit yah!". Soalnya aku kesulitan mengikuti tampilan di versi sebelumnya. Akhirnya aku kembali simplified lagi tampilan website aku ini. Kembali dengan konsep 2021 versi awal dimana website aku hanya menampilkan halaman Introduction dan sosial media HUB.

Tapi aku juga sempat menambahkan satu halaman lagi, yaitu Apps History. Halaman ini rencana awalnya untuk mempublikasikan aplikasi android yang udah aku buat dan menarik untuk dibagikan ke publik. Tapi pada akhirnya yang halaman ini hanya tetap menampilkan "Coming Soon" dan hanya berupa prototype desain aja. Kenapa? Karena aku merasa navigasi nya cukup aneh dan juga masalah lama yang muncul kembali yaitu tampilan di smartphone.

Tapi pengembangan website pakai Flutter ini ga berlangsung lama. Pertengahan tahun, aku menghentikan project ini dikarenakan aku merasakan jika aku memaksakan menggunakan Flutter untuk website ini, akan lebih menyulitkan ke depan nya. Jadi akhirnya aku mencoba mencari-cara trend pengembangan website saat itu, dan search engine mengenalkan aku dengan NextJS.

Memulai Membuat Real Website!

Setelah beberapa bulan aku mencoba membuat website iseng menggunakan NextJS untuk tujuan belajar, akhirnya aku memutuskan untuk kembali membuat website. Di sini aku mulai fokus menonjolkan branding Virtual aku. Tapi ada satu kelemahan dari diriku ini (dan sampai saat ini). Yaitu DESIGN AAAA.

Berbeda dengan proyek website aku sebelumnya, di website ini aku fokus ke single page. Dan disini aku mengambil sedikit desain dari website anime "Tomo-chan wa Onnanoko (Tomo-chan is a Girl!)". Dari sisi Navigasi nya, lalu layout website nya, aku coba mengikuti itu semua. Dan tentu aku modifikasi juga, dengan mendesain dan implementasi versi "cheap" nya hehe.

Di website ini lebih sederhana, aku menampilkan character introduction, lalu media sosial, dan halaman kolaborasi. Yap, halaman ini baru debut setelah aku membuat konten game bersama teman aku di channel youtube nya dia. Dan aku saat itu kepikiran untuk memasukkan juga video-video itu ke website aku ini.

Nah, alih-alih menggunakan domain gratisan seperti sebelumnya, di proyek web yang ini, aku mulai menggunakan domain pribadi aku, yaitu fakhrif.my.id!

Selamat Datang "fakhrif.my.id"!

Setelah menggunakan domain tersebut, akhirnya aku coba memaksimalkan penggunaan domain tersebut. Agar worth it dengan uang yang aku keluarkan setiap tahun nya. Setelah website utama aku berpindah ke domain tersebut, berikutnya aku membuat website NekoLabs. Buat yang lupa, NekoLabs adalah nama developer aku untuk semua aplikasi yang aku buat dan publikasikan. Yah walaupun sekarang NekoLabs ini sudah "mati" sih.

Selain NekoLabs, aku juga coba menambahkan website blogging aku yaitu "FakhriF's Thought"! (Ada yang masih inget kah??). Berbeda dengan website utama dan NekoLabs, untuk website blogging ini aku menggunakan aplikasi yang disediakan oleh Hashnode. Jadi aku cuman menulis blog dan post deh, tanpa perlu kode sana-sini.

Lalu setelah itu, aku merasa website utama aku itu masih kurang sreg. Karena masih banyak masalah pada website aku, dikarenakan.....

Kalian udah bisa tebak lah ya? Benar. Tampilan Mobile. Nah karena waktu itu aku ingin serba fresh, jadi aku buat dari 0 lagi untuk website utama aku ini. Yah anggap aja ini adalah versi kelima(?) dari website aku.

Membuat Lebih "Virtual"

Di akhir tahun 2023, aku memutuskan untuk website aku ini lebih virtual lagi dari sebelumnya. Disini aku mencoba menambahkan beberapa hal seperti menampilkan Jadwal, Special, FAQ. Untuk desain web nya, seperti yang bisa kalian duga, aku mencari inspirasi lagi dari website anime. Berbeda dengan website sebelumnya yang inspirasinya cuman satu doang, di website ini aku menggunakan beberapa inspirasi.

Inspirasi pertama aku dari Website Horimiya ~Piece~. Disini aku mencoba mengikuti style box nya buat nampilin list jadwal dan juga list informasi. Lalu juga tampilan navigasinya aku ikutin juga. Selain itu juga, aku pun mendapatkan inspirasi dari Website Suki na Ko ga Megane wo Wasureta (The Girl I Like Forgot Her Glasses). Inspirasi yang aku ambil ini adalah bagian pengenalan karakter nya. Aku mencoba mengikuti dari tombol list di atasnya dan bagaimana informasi nya ditampilkan.

Pemilihan kedua inspirasi ini dikarenakan mereka lebih simpel dan mobile friendly dibadingkan website versi sebelumnya. Dan yak pas aku buat versi diriku, aku sama sekali tidak memiliki masalah tampilan mobile ketika publish. Makanya desain yang ini pun aku pakai cukup lama, dan bahkan sempat bertahan hampir 1 tahun.

Lalu di tahun ini juga, aku membuat satu website lagi yaitu FAKHRI NEWSBOX! Website ini aku buat dengan satu masalah saat itu. Informasi. Seperti yang kalian sudah baca, aku kan pernah punya nama "NekoLabs" kan yah? Nah kalau aku satukan di halaman website utama aku untuk informasi nya, aku berpikir mungkin ada orang yang tidak perlu sama sekali informasi itu. Makanya aku pisahkan. Dan alih-alih aku membuat halaman khusus di website NekoLabs, aku membuat website baru dengan tujuan semacam "Informasi Satu Pintu". Jadi kayak semua informasi dari aku mau tentang apapun itu bisa diakses di FAKHRI NEWSBOX semua alih-alih membuka di Web 1 dan 2.

Bukan Fakhri namanya, jika tidak melihat inspirasi website lain hehe. Di website FAKHRI NEWSBOX ini aku mengikuti desain ANIPLEX NEWSBOX. Yap, sesuai yang ada di pikiran kalian, penamaan nya mengikuti dengan penamaan versi original nya hehe.

Mencari Penyakit

Bukan Fakhri juga namanya, jika tidak mengusik sesuatu yang sudah stabil. Ingat Fakhri's Thought? Sebenarnya sih aku tidak terlalu banyak masalah pakai aplikasi tersebut, cuman kadang aplikasi ini tuh punya bug yang bikin ngeselin bagi aku. Jadi kadang kalau tulisan nya panjang, aplikasi nya nge freeze dan aku harus me-refresh aplikasinya, dan ngeselin nya kadang tulisan nya ga ke save. Makanya semakin lama aku semakin malas menggunakan aplikasi itu. Jadi akhirnya aku memutuskan untuk pindahin dan rebranding.

Ketika keputusan ku untuk rebranding Fakhri's Thought ini, aku sedang mempelajari framework web bernama Astro. Dan mereka menjelaskan nya cukup detail dan banyak contoh use case nya. Nah, di Astro ini ada tutorial mereka yang membuat website blog sederhana dengan memanfaatkan aplikasi Storyblok. Disitulah aku mencoba memulai website Fakhri Notes ini. Yak, jadi bisa dibilang Fakhri Notes ini merupakan hasil dari tutorial aku sambil belajar framework Astro ini. Lebih detail, aku pernah cerita keputusan rebranding aku disini dan disini.

Lalu di akhir tahun 2024, aku putuskan untuk merubah sedikit tampilan website aku. Disini, aku lebih membuat desain website nya kayak website Horimiya banget. Jadi aku mulai mengubah tampilan nya dan arah scroll nya yang ke samping dan urutan informasi nya.

Dan yak, masalah yang dulu sudah tidak muncul, muncul lagi. Sebenarnya sih enggak terlalu semasalah itu, cuman kadang ada beberapa device yang ukuran nya parah banget tapi kadang ada yang normal banget. Jadi emang kurang konsisten gitu tampilan mobile website aku nya. Inilah yang membuat desain Horizontal ini ga bertahan lama. Kayaknya cuman beberapa bulan doang seinget ku, sebelum aku memulai merombak lagi dari 0.

Kembali ke Cara Lama

Jadi di pertengahan tahun 2025, aku kembali memutuskan menggunakan "cara kerja lama" alias kembali menggunakan scroll vertikal. Lalu aku juga mengubah beberapa informasi di website aku. Seperti aku menghapus bagian FAQ, halaman spesial, dan bagian teaser. Lalu untuk desain dan layout nya, aku mendapatkan inspirasi dari sebuah website agensi VTuber (jujur aku lupa apa nama agensi nya).

Di pengembangan versi ini aku ga terlalu lama membuatnya. Karena aku hanya fokus membuat tampilan nya, untuk akses ke data-data kayak data jadwal, kolaborasi, berita, dsb itu aku tinggal sedikit pindahin dari versi lama aja.

Setelah versi ini selesai, selanjutnya aku....

.

.

Tenang bukan buat website baru kok. Tapi fokus merapihkan semua website yang udah ada. Kayak memperbaiki bug, nambah efek, dan tambahin satu-dua halaman.

"Dapur" Siap, Waktunya Memasak!

Satu hal dari awal sampai tulisan ini, mungkin kalian bertanya, gimana caranya aku menampilkan data-data kayak jadwal, kolaborasi, beritanya. Apakah aku code manual langsung? Jawaban nya tentu tidak.

Kalau dulu sekitar tahun 2023-2024, aku langsung masukin data-data tersebut ke database server nya. Namun karena ribet dan sangat tidak readable, Aku mencoba membuat aplikasi/website sendiri untuk mengakses database aku. Jadi semua informasi dari jadwal dan kolaborasi di website utama sampai informasi berita dari website FAKHRI NEWSBOX itu bisa aku akses di website aku ini.

Dari yang awalnya aku cuman buat seadanya, akhirnya sedikit demi sedikit aku mulai agak lebih niatin website nya. Dari tampilan dan juga kerapihan "dapur" website ku. Sampai akhirnya "dapur" ku ini udah siap buat di-expand ke depan nya. Dan "dapur" ini baru siap banget tuh akhir tahun 2025, yang dimana ini adalah di waktu yang sama dengan pengumuman Maintenance website pada awal Desember.

Di maintenance itu aku kembali merombak semua website nya, namun rombakan ini tidak fokus di tampilan, tapi di belakang layar nya saja. Makanya mungkin kalian tidak terlalu melihat perbedaan, tapi sebenarnya beda banget. Itu juga kenapa aku mulai banyak fitur-fitur baru di website aku. Dan juga yang awalnya aku pakai aplikasi pihak ketiga kyk Storyblok untuk blogging (Fakhri Notes), aku pindahin ke platform internal diriku. Jadi yah intinya sekarang semua website-website yang aku buat ini 100% dikelola di platform yang diriku buat sendiri ini.

Next?

Next, entahlah hehe.

Yang pasti website yang aku kelola ini tentu bakal selalu ada perubahan. Namun tidak akan se-major atau merombak dari 0 (tergantung mood sih hehe). Tapi yah kadang aku banyak nambahin hal baru, kyk misalkan yang baru ada halaman Reading Corner di website utama aku. Dan siapa tau kedepan nya nanti tiba-tiba ada hal-hal baru lagi entah di website utama aku, atau di "FAKHRI NEWSBOX", atau di "Fakhri Notes".

Tapi aku memang tahun 2026 ini ada planning nambahin satu website lagi. Website pengganti NekoLabs. Yah, di pertengahan tahun lalu tuh aku menutup NekoLabs ini menjadi bagian dari branding nama aku. Cuman saat ini aku berpikir akan memisahkan kembali branding tersebut tapi ada nama aku nya, yaitu Fakhri Labs! Nantikan pengumuman selengkapnya ini dari diriku ya!

Penutup

Sebagai penutup, capek sih aku menulis sepanjang ini. Tapi good side nya, aku pun senang. Jujur aja, selama aku nulis ini, aku kadang senyum-senyum sendiri, karena seneng aja sama diriku sendiri yang bisa menempuh huru hara per-website-an ini. Dari yang simpel banget ke lumayan rame. Dari yang cuman tahu 1 framework, jadi tahu berbagai framework web. Yah intinya aku pun happy dengan progress dari tahun 2021 ini.

So, terakhir. Buat kalian yang mungkin lagi suka atau minat satu skill, tapi ragu untuk di-explore, pesanku adalah explore aja. Mau itu hasilnya sangat sederhana juga tidak apa-apa, karena sekecil apapun hasilnya itu tetap progress. Cerita ini pun tidak akan muncul kalau misalkan aku ragu, malu, atau takut untuk meng-explore, dan mem-publish website ini. Itu aja sih.

That's it. See you di tulisan berikutnya!