Moving From Disqus to Giscus with Hugo SSG

Moving From Disqus to Giscus with Hugo SSG

Goodbye Discus, Hello Giscus

Setelah sekian lama menggunakan Disqus sebagai platform komentar atau biasa disebut sebagai Comment-as-a-service, akhirnya web ini beralih ke giscus setelah pertimbangan dengan platform komentar yang sama-sama menggunakan github yaitu utterances

Starting

Dari awal buat web ini bingung mau pake metode komen apa, karena web ini adalah SSG (Static Site Generator) yang mana tidak ada koneksi database maka diperlukan platofrm komentar pihak ketiga adalah pilihan, sebelumnya di Hugo secara default sudah ada template untuk komentar mengunakan Disqus, maka terpilihnya Disqus sebagai platform komentar yang digunakan oleh blog ini, akan tetapi hal ini membuat web menjadi lebih berat karena banyak assets dan script yang harus diload oleh Disqus, setelah beberapa waktu akhirnya kepikiran untuk membuat CSS + JS sederhana agar komentar akan muncul ketika button tampilkan komentar ditekan, tapi menurutku sendiri hal ini malah membuat sedikit orang yang tertarik untuk melakukan komentar

New Platform

Beberapa waktu kemudian sekitar 1 Mei 2017 muncul utterances, platform komentar menggunakan github issues sebagai komentar, kepikiran untuk beralih tapi tidak sempat merubah kode pada tema hugo.

Another Similar Platform

Selang beberapa waktu lagi sekitar 25 Mei 2021 muncul giscus, mirip dengan utterances namun giscus lebih menggunkaan fitur discussion github sebagai platform komentar sehingga menurutku hal ini lebih baik, maka dari itu dirubahlah komentar web ke giscus.

Is It Hard ?

Untuk perpindahan cukup mudah, tinggal membuat repo baru atau menggunakan repo yang sudah ada dengan app giscus yang terinstall dan mengaktifkan fitur discussion pada repo tersebut, namun sayangnya data komentar sebelumnya yang ada di Disqus tidak dapat dipindahkan ke Giscus, ya gapapa lah ya lagian yang komentar juga dikit wkwkwk

Pada bagian tema tinggal ditambahkan script js yang sudah disediakan dari https://giscus.app/ untuk dimasukan ke dalam tema, dalam kasus ini script js hanya dimasukan pada single.html saja karena part lain tidak perlu dikomentari juga

See ya

Bisa langsung coba tes komen di sini