Fitur komentar blog GitHub yang diimplementasikan tanpa JS di frontend
(github.com/nemorize)Saya memulai dengan tujuan membuat blog yang tidak menyajikan kode JS apa pun di frontend.
Di blog lama saya sudah ada fitur komentar menggunakan giscus,
jadi menerapkan fitur komentar tanpa JS menjadi hambatan terbesar.
Saya mengimplementasikan fitur komentar menggunakan Cloudflare Workers dan GitHub Actions.
Sistem ini bekerja mengikuti alur di bawah ini.
- Menampilkan formulir komentar yang di-host di Cloudflare Worker.
- Pengguna login dengan akun GitHub melalui formulir komentar tersebut, lalu mengirim komentar.
- Worker men-escape isi komentar yang dikirim, lalu meneruskan isinya ke GitHub melalui workflow dispatches API milik GitHub Actions.
- GitHub Actions, berdasarkan isi yang diterima, menambahkan kode komentar ke file HTML artikel, lalu meng-commit perubahan tersebut.
- Hasil yang sudah di-commit diterapkan ke production melalui prosedur deployment GitHub Pages Actions.
Ada sedikit jeda waktu sampai perubahan diterapkan melalui langkah 3-5, tetapi...
Saya cukup menyiasatinya dengan menambahkan satu kalimat pemberitahuan. Di platform blog seperti WordPress, fitur seperti "komentar dipublikasikan setelah ditinjau admin" sudah umum, jadi untuk jeda sebesar itu saya anggap saja admin sedang pura-pura meninjau. Asal Anda yang membaca tulisan ini ikut pura-pura tidak tahu, semuanya beres.
Dari sisi UX, masalahnya te??rpecahkan hehe
Karena pendekatan ini baru terasa bermakna jika ada tujuan yang sangat spesifik untuk benar-benar tidak memakai JS pada blog pribadi berskala kecil, saya harap Anda menikmatinya sekadar sebagai eksperimen yang seru 馃槄
Anda bisa langsung mencobanya melalui tautan di bawah ini!
https://nemorize.me/blog/202507/blog-renewal
4 komentar
Jenius banget ya..? wkwkwkwk
Tiba-tiba jadi penasaran apakah LLM juga bisa melakukan hal seperti ini wkwk
Cara mengatasi latensinya benar-benar segar dan menarik 馃憦
Semacam headless CMS ya? Menarik.