Frontend JS olmadan uygulanan GitHub blog yorum özelliği
(github.com/nemorize)Frontend tarafında hiçbir JS kodu sunmayan bir blog hedefiyle başladım.
Mevcut blogda giscus kullanan bir yorum özelliği vardı,
ve JS olmadan yorum özelliği uygulamak büyük bir engeldi.
Cloudflare Workers ve GitHub Actions kullanarak yorum özelliğini hayata geçirdim.
Aşağıdaki akışa göre çalışıyor.
- Cloudflare Worker üzerinde barındırılan yorum formu gösterilir.
- Kullanıcı bu yorum formu üzerinden GitHub hesabıyla giriş yapar ve yorumunu gönderir.
- Worker, gönderilen yorum içeriğini escape eder ve GitHub Actions'ın workflow dispatches API'si aracılığıyla bu içeriği GitHub'a iletir.
- GitHub Actions, iletilen içeriğe dayanarak yazının HTML dosyasına yorum kodunu ekler ve bu değişikliği commit eder.
- Commit edilen çıktı, GitHub Pages Action'ın dağıtım sürecine göre production'a yansıtılır.
3-5. adımlar doğrultusunda yansıması için gereken küçük gecikme ise...
Bunu sadece bir bilgilendirme metni ekleyerek geçiştirdim. WordPress gibi blog platformlarında "yorumlar yönetici incelemesinden sonra yayımlanır" benzeri özellikler yaygın olduğu için, o kadar gecikmeyi de yönetici inceliyormuş gibi yaparak çözdüm. Bu yazıyı okuyan siz sadece çaktırmazsanız yeter.
UX açısından çö??zdük haha
Kişisel ölçekte küçük bir blogda, sırf inatla JS kullanmama hedefi olduğunda ancak anlamlı olabilecek bir yaklaşım; o yüzden sadece eğlencelik bakarsanız sevinirim 😅
Aşağıdaki bağlantıdan doğrudan test edebilirsiniz!
https://nemorize.me/blog/202507/blog-renewal
4 yorum
Dahice değil mi..?haha
Bir an için, acaba LLM bunu da yapabilir mi diye merak ettim haha
Gecikme sorununu çözme yöntemi gerçekten yaratıcı ve eğlenceli 👏
Bir tür headless CMS mi? İlginç.