फ्रंटएंड JS के बिना GitHub ब्लॉग में कमेंट फीचर लागू करना

मैंने ऐसे ब्लॉग के लक्ष्य के साथ शुरुआत की थी जिसमें फ्रंटएंड से किसी भी तरह का JS code serve न किया जाए।

मौजूदा ब्लॉग में giscus आधारित कमेंट फीचर था,
इसलिए JS के बिना कमेंट फीचर लागू करना एक बड़ा अड़ंगा था।

मैंने Cloudflare Workers और GitHub Actions का उपयोग करके कमेंट फीचर लागू किया।

यह नीचे दिए गए flow के अनुसार काम करता है।

1. Cloudflare Worker पर होस्ट किया गया कमेंट form दिखाया जाता है।
2. उपयोगकर्ता उस कमेंट form के माध्यम से अपने GitHub account से login करता है और कमेंट submit करता है।
3. Worker सबमिट किए गए कमेंट content को escape करता है और GitHub Actions के workflow dispatches API के जरिए उसे GitHub तक भेजता है।
4. GitHub Action प्राप्त content के आधार पर पोस्ट की HTML file में कमेंट code जोड़ता है और उस बदलाव को commit करता है।
5. Commit किया गया result GitHub Pages Action की deployment प्रक्रिया के अनुसार production में reflect हो जाता है।

3-5 चरणों के अनुसार बदलाव लागू होने में जो हल्का-सा delay लगता है...

मैंने बस एक सूचना संदेश जोड़कर मामला निपटा दिया। WordPress जैसे ब्लॉग platforms में "admin review के बाद comment प्रकाशित" जैसी सुविधा आम है, इसलिए उतने delay को मैंने ऐसे दिखा दिया मानो admin review चल रहा हो। यह लेख पढ़ रहे आप बस अनजान बने रहें।

UX के नज़रिए से हल कर लिया haha

व्यक्तिगत स्तर के छोटे ब्लॉग में, जब कोई ज़िद करके JS बिल्कुल न इस्तेमाल करने का लक्ष्य रखे, तभी यह दिशा कुछ मायने रखती है, इसलिए इसे बस मज़े के लिए देखिए😅

नीचे दिए गए लिंक पर आप इसे सीधे टेस्ट कर सकते हैं!
https://nemorize.me/blog/202507/blog-renewal

[kylian]

बस एक सूचना संदेश जोड़कर काम चला लिया। WordPress जैसे ब्लॉग प्लेटफ़ॉर्म में "एडमिन की समीक्षा के बाद टिप्पणी प्रकाशित" जैसी सुविधा आम है, इसलिए उस हद तक की देरी को इस तरह संभाल लिया कि एडमिन review कर रहा है, ऐसा दिखा दिया। इस लेख को देखने वाले सिर्फ आप ही अनजान बने रहें। <<

जीनियस हैं..?haha

[aqqnucs]

अचानक यह जिज्ञासा हुई कि क्या LLM यह भी कर सकता है haha

[huiya]

लेटेंसी को हल करने का तरीका वाकई नया और मज़ेदार है 👏

[halfenif]

क्या यह किसी तरह का headless CMS है? दिलचस्प है।