portrait

Posted by raaaizaa

on Dec 21, 2024, on Gist

Sharing

Wello Horld đź‘‹

Ini adalah post pertama di newly-created-blog-website yang gua buat ini. Website yang sebetulnya udah ada di otak gua dari jaman semester 4 taun 2023, tapi baru kesampaian sekarang, karena baru ada niatnya akhir-akhir ini.

Mungkin sebelumnya ada yang tau ada yang nggak, tapi gua punya website sendiri juga yang udah gua bikin di taun 2023 juga, yang isinya portfolio dan bio gua, yang sebenernya kalo gua pikir-pikir tuh kayak cuman buat flexing project doang as a mahasiswa. Padahal sih isinya gak se-wah itu. Nah, dari dulu gua pengen banget bikin section blog sendiri di website itu, karena gua tiap ngeliat website gua sendiri gua kayak “Apasih ini website boring banget”. Padahal sih website sendiri.

Jadi akhirnya gua decide buat bikin website baru lagi, build it from scratch. Tapi kali ini gua punya approach yang berbeda dari project-project yang udah gua buat sebelumnya:

No sophisticated frameworks, library, design system, etc. Just pure React framework

Cielah. Jadi berbeda sama project-project sebelumnya, gua decide buat back to basic di project ini. Inspired by senior di tempat magang gua, yang pernah ngerekomendasiin buat bikin sesuatu from scratch tapi bener-bener back to basic. Kalau biasanya gua pake Next.js as my main framework, di project ini gua pake React.js biasa. Kalau biasanya gua pake UI library, disini gua nggak pake sama sekali. Kalau biasanya gua pake Tailwind CSS buat styling, disini gua balik lagi ke CSS biasa. Lagian udah setaun ini gua jadi males pake Tailwind dengan class-nya yang banyak itu.

image

Library-nya pun gua usahakan seminim-minimnya. Tapi ujung-ujungnya gua ada install beberapa library sih, library markdown-it buat render .md files ini ke HTML, dan juga react-router-dom untuk routing. Sebetulnya gua sempet bikin routing antar-page sendiri, tapi nge-bug mulu di beberapa case. Susah. Padahal gua udah ngerasa jadi orang terkeren waktu udah berhasil bikin routing sendiri.

Pake JavaScript atau TypeScript? TypeScript lah jawabannya. Sejak semester 6 ini gua beneran udah jarang pake yang namanya TypeScript, jadi sekalian juga gua asah lagi nih skill TypeScript gua. Walaupun gak jarang gua frustasi mulu mikirin tipe data yang kadang-kadang pengen banget gua set as any aja.

468747984_550510571225300_7503668609993916558_n

Ya kira-kira begitulah.

Karena bener-bener basic, page yang ada di website ini juga beneran kelewatan basic-nya. Total page yang gua bikin di website ini cuman dua: Homepage sama Post Detail Page (page yang kalian lagi baca ini).

Oh iya, gua juga pake beberapa API buat di website ini, diantaranya:

  • Gist API — Ini bisa dibilang API penting yang ada di website ini sih. Karena semua post yang ada di website ini adalah post yang gua upload ke gist.github.com, terus gua achieve post-nya pake API biar bisa ditampilin di website.
  • Google Sheets API — Udah liat form message yang ada di Homepage? Nah itu dia. Gua bikin form itu nyambung ke Google Sheets yang gua punya. Jadi tiap ada message yang dikirim, bakal masuk ke Google Sheets gua. Tujuannya simple sih, instead of form biasa yang biasanya dikirim pake email pribadi, gua pake Google Sheets biar orang gausah pake e-mail masing-masing buat ngirim sesuatu. Tapi ya ada PR nya sih: gua bingung kalau mau ngebalesnya gimana.
  • Spotify API — Cuma buat keren-kerenan doang. Buat ngasih tau gua lagi dengerin lagu apa.

Terus, Website ini bakal dipake buat apa?

Website ini bakal gua pake buat nuangin apa yang gua pikirin. Biasanya seputar tentang apa yang gua suka, apa yang gua alamin, apa yang gua buat, dan hal-hal random yang gua kepikiran aja gitu. Sebelumnya gua suka "nyambat" tentang hal-hal yang gua suka itu di Twitter (atau sekarang namanya X, gua masih lebih prefer nyebut dengan nama Twitter tbh), atau juga Notion. Tapi gua selalu mikir I think it will be better kalau gua punya tempat sendiri buat nyimpen semua tulisan gua ini. Kalau di Twitter gua malesnya postingan gua menuhin timeline orang, kalau di Notion kayak gak bisa diliat siapa-siapa. Bisa dibilang kalo disini gua bisa lebih bebas, bisa lebih puas menyampaikan apa yang ada di pikiran gua. Mudah-mudahan bisa rajin post disini, doakan aja.

Ke depannya, gua belom ada plan gimana-gimana buat improve website ini. Tapi gua yakin pasti nanti ada improvement-nya. Oh iya, kalau nemu bug di web ini please let me know ya.

Gitu aja sih buat post pertama gua disini. Semoga segalanya dilancarkan, See you! đź‘‹