Day 20 - Hilang

Gue nggak tau ada yang nyadar atau nggak. Kayaknya sih nggak ada ya. Orang yang buka blog ini cuman gue doang. 

Jadi sekitar tanggal 8 Maret itu, entah kenapa blog ini tiba-tiba nggak bisa menampilkan semua postingannya di dashboard, tapi anehnya pages statik lain tetap bisa diakses kaya halaman About Me, Contact, Sitemap. Gue sempat panik sedikit, tapi biasa aja. Tapi panik. Ya begitulah. Seperti abege yang coba tetap santai waktu pertama kali ketemu gebetan.

Dugaan awal gue kenapa template blog ini tiba-tiba rusak adalah karena kemarin gue sempat ngutak-atik templatenya supaya bisa jadi PWA (Progressive Web Apps) intinya PWA ini memungkinkan gue untuk menjadikan blog ayam sakit seperti aplikasi umum di handphone. Jadi kalau mau buka blog nggak perlu pergi ke browser. Tinggal tap aja launcher yang ada di handphone. Mudah, gampang, dan hanya gue yang memakainya hahaha.

Cuman waktu gue mengingat lagi, proses pembuatan PWA itu udah lama banget, tapi kok rusaknya baru sekarang. Jadi gue ya seperti biasa, cuman bisa bingung dan kosong aja.

Sebagai chat gpt lovers, gue langsung tanya aja ke beliau, dan alasan yang diungkapkan gpt juga gue nggak begitu mengerti. Intinya blogger melakukan semacam update di kodenya. Jadi beberapa kode yang gue pakai udah nggak works. Akibatnya ada beberapa hal yang rusak. Salah satunya ya itu tadi. List postingan gue nggak tampil di beranda.

Anehnya kalau diakses dari menu lain, misal dari blog archive atau sitemap ya bisa aja dibuka. Tapi di berandanya hilang. Kan bangkai.

Gue sadarnya itu malam hari selepas buka puasa, lagi coba iseng buka blog, lah kok isinya cuman header sama footer doang. Kontennya mana hey.

Karena gue lagi nggak bawa laptop ke rumah, jadinya gue nggak bisa langsung eksekusi buat debugging dan fixing kerusakannya. Bisa pakai laptop istri sebenarnya, cuman repot sih, sebenarnya nggak repot yang gimana-gimana. Laptop istri lemot sekali. Nggak sabar gue kerja kalo pake itu. Bukannya blog bener malah laptop istri ikutan rusak karena gue banting.

Akhirnya ya gue nunggu aja sampai Senin. Rencananya gue mau datang pagi-pagi banget ke kantor biar bisa fixing dulu. Lah kok ya malah dari pagi udah sibuk ngurusin hal lain. Gak ke eksekusi lah ini blog.

Setelah berjibaku debat hebat dan saling salah-salahan sama chat gpt, blog ini akhirnya bisa kembali normal seperti sedia kala lagi. Agak roaming waktu chat gpt ngasih tau kalau template gue dibungkus <b loop> dan <b else> nya bertumpuk-tumpuk. Itu yang bikin kodenya nggak bisa jalan sempurna. 

Setelah dirapikan dan dibenarkan strukturnya, barulah bisa kembali normal lagi.

Tapi ada satu masalah lain. Setelah postingan muncul di beranda. Sekarang semua pages statik malah nggak ada, alias kosong. Bajigur bener pokoknya. Bener-bener mati satu tumbuh seribu, gali lobang tutup lobang, tut wuri handayani.

Akhirnya gue utak-atik lagi sampe pusing sendiri, dan barulah bisa kembali normal lagi. Kapok dan utak-atik blog pas lagi ada projek gini. Bukannya fokus memproduksi tulisan, gue malah fokus memproduksi masalah.

…

Karena udah kadung bahas template blog, gue sekalian share aja ya gimana detailnya si PWA ini.

Kita langsung praktek aja. Kalau kalian buka blog ini dari handphone dan pakai browser Google Chrome, saat kalian klik sidebar yang di sisi kanan itu, di paling bawah, tepat di bagian facebook fanspage, gue menaruh satu button install. Nah kalau kalian klik, otomatis shortcut ayam sakit masuk ke handphone kalian. Sebenarnya ini mirip dengan fitur add to home screen di browser juga. Cuman ini lebih keren aja kayaknya hahahah.

Buka blog - Klik Sidebar - Klik Install - Install - Proses Installing

Instalasi selesai - Buka dari Homescreen HP - Splash Screen - Done

Nah, karena tampilannya sudah PWA, perubahan paling banyak ada di versi mobile. Biar blog ini terasa seperti aplikasi, gue pun menambah bottom navigation menu. Isinya standar. Seperti home, about, contact, sitemap dan other.

Menu ini jika dibuka dari handphone akan redundant dengan top navigation hamburger menu di bawah header. Tapi gue pikir oke lah, karena yang di bawah ini dibuat fixed jadi gampang diaksesnya. Beda dengan yang diatas, kalau user sudah sampai bawah menunya kan hilang. Jadi nggak bisa cepet balik pindah ke page lain.

Karena semangat nya masih seperti aplikasi handphone beneran. Daftar link di dalam menu other pun gue buat tampilannya bottomsheet. Jadi saat diklik akan mengeluarkan list menu menuju statik page yang lain seperti blogwalking, artwork dll.

Bottom nav dan loading setiap proses perpindahan konten.

Vibesnya udah kaya aplikasi beneran sih, walaupun sebenarnya hanya PWA ya. Buat yang mau nyoba boleh banget coba install. Abis nyoba langsung di uninstall lagi juga gak papa kok. Itu nggak ada virus nya kok ges. Aman.

Perbedaan yang paling terasa juga adalah secara tampilan ini clean banget, karena tidak ada address bar di bagian bawah atau atasnya. Jadi bener-bener kaya buka aplikasi biasa di handphone lah.

Sepertinya segitu dulu aja keluh kesah gue di hari ke 20 ini. Masih ada 10 hari lagi yang harus dituntaskan. Semangat, dan jangan mokel.