GyaanSetu WebDev

Frontend, backend and devops for the modern web.

460 articlesDeep, practical knowledge

Firebase चैट में डॉक्यूमेंट्स कैसे अपलोड करें

Firebase चैट में डॉक्यूमेंट्स कैसे अपलोड करें। सेल्स टीम के लिए चैट ऐप बनाने के लिए केवल टेक्स्ट और इमेज ही काफी नहीं होते। ऑपरेटर्स को अक्सर PDF, वर्ड फाइल और एक्सेल शीट साझा करने की आवश्यकता होती है...

WebDev · 2 मिनट पढ़ें

Firebase PWA में एक नोटिफिकेशन सेंटर बनाना

Firebase PWA में एक नोटिफिकेशन सेंटर बनाना। सेल्स टीम को मैनेज करने के लिए कई टूल्स की ज़रूरत होती है। मेरे कंट्रोल पैनल में FCM पुश नोटिफिकेशन, चैट, रिमाइंडर और एक साझा कैलेंडर का इस्तेमाल किया गया था...

WebDev · 2 मिनट पढ़ें

एक इंटरैक्टिव ऐप गाइड बनाना

एक इंटरैक्टिव ऐप गाइड बनाना। सपोर्ट टीमें अक्सर तब संघर्ष करती हैं जब वे उन ऐप्स का उपयोग करती हैं जिन्हें उन्होंने कभी इंस्टॉल नहीं किया होता है। PDF मैनुअल एक बुरा समाधान है क्योंकि उन्हें कोई नहीं पढ़ता है। मैंने एक ऐसा टूल बनाया है जो...

WebDev · 2 मिनट पढ़ें

Monorepo ETL के लिए 4 GitHub Actions पैटर्न

Monorepo ETL के लिए 4 GitHub Actions पैटर्न। एक ही monorepo से तीन साइट्स चलाने से समस्याएँ पैदा होती हैं। आपको तीन अलग-अलग ETL जॉब्स, तीन कंटेंट रीबिल्ड्स और तीन डिप्लॉयमेंट... का सामना करना पड़ता है।

WebDev · 2 मिनट पढ़ें

LLMS.TX: आपकी वेबसाइट को इसकी ज़रूरत क्यों है

LLMS.TX: आपकी वेबसाइट को इसकी ज़रूरत क्यों है। ChatGPT और Perplexity जैसे AI सर्च इंजन लोगों के जानकारी खोजने के तरीके को बदल रहे हैं। अपनी विजिबिलिटी बनाए रखने के लिए, आपकी वेबसाइट को एक नए टूल की आवश्यकता है: एक llms.…

WebDev · 2 मिनट पढ़ें

:has() कोई पैरेंट सेलेक्टर नहीं है। यह जावास्क्रिप्ट को खत्म कर देता है।

:has() कोई पैरेंट सेलेक्टर नहीं है। यह जावास्क्रिप्ट को खत्म कर देता है। अपने कोड में classList.toggle खोजें। आपको संभवतः एक ही पैटर्न के कई उदाहरण मिलेंगे। जब कोई यूजर चेकबॉक्स पर क्लिक करता है या फोकस करता है...

WebDev · 2 मिनट पढ़ें

अदृश्य फ्रंटएंड: छोटे निर्णय जो आपके प्रोडक्ट को बचाते हैं

अदृश्य फ्रंटएंड: छोटे निर्णय जो आपके प्रोडक्ट को बचाते हैं। सबसे अच्छा फ्रंटएंड काम कभी डेमो में नज़र नहीं आता। लोग इसके स्क्रीनशॉट नहीं लेते। लेकिन इस काम के बिना, यूजर्स...

WebDev · 2 मिनट पढ़ें

GPT Image 2: यह कौन सा नोड डिलीट करता है?

GPT Image 2: यह कौन सा नोड डिलीट करता है? नए इमेज मॉडल्स अक्सर चकाचौंध भरे डेमो के साथ आते हैं। बिल्डर्स को इस हाइप को नज़रअंदाज़ करना चाहिए। एक डेमो निर्माण का निर्णय नहीं होता है। इसके बजाय, बस एक सवाल पूछें:…

WebDev · 2 मिनट पढ़ें

मैंने 2026 में अपना AI कोडिंग टूल कैसे चुना

मैंने 2026 में अपना AI कोडिंग टूल कैसे चुना। एक AI कोडिंग असिस्टेंट चुनना जितना दिखता है उससे कहीं अधिक कठिन है। मार्केटिंग हर टूल को एक जैसा ही दिखाती है। आपको असली अंतर तभी पता चलते हैं जब आप...

WebDev · 2 मिनट पढ़ें

Cloudflare के नए AI क्रॉलर कंट्रोल्स

Cloudflare के नए AI क्रॉलर कंट्रोल्स। वेबसाइट ट्रैफिक बदल रहा है। अतीत में, सर्च इंजन आपकी साइट को क्रॉल करते थे ताकि लोग आपको ढूंढ सकें। यह एक सरल प्रक्रिया थी। AI ने इसे बहुत...

WebDev · 2 मिनट पढ़ें

मैंने अपना खुद का टनलिंग प्लेटफॉर्म बनाया

मैंने अपना खुद का टनलिंग प्लेटफॉर्म बनाया। मैंने अपने लैपटॉप पर एक वेब ऐप को निखारने में तीन दिन बिताए। यह बिल्कुल सही लग रहा था। फिर मैंने इसे अपने फोन पर टेस्ट करने की कोशिश की। सब कुछ गड़बड़ हो गया। लोकल डेवलपमेंट...

WebDev · 2 मिनट पढ़ें

MERN स्टैक डेवलपर रोडमैप

MERN स्टैक डेवलपर रोडमैप: वेब डेवलपमेंट के लिए MERN स्टैक एक बेहतरीन विकल्प है। यह आपको केवल एक भाषा: JavaScript का उपयोग करके फुल स्टैक एप्लिकेशन बनाने की सुविधा देता है। MERN का मतलब है...

WebDev · 2 मिनट पढ़ें

आंतरिक संचार को केवल एचआर (HR) का काम समझना बंद करें

आंतरिक संचार को केवल एचआर (HR) का काम समझना बंद करें। दो कंपनियाँ एक ही दिन में एक ही उत्पाद लॉन्च करती हैं। दोनों के पास बेहतरीन डेवलपर्स हैं। छह महीने बाद, एक कंपनी बढ़ती है जबकि दूसरी...

WebDev · 2 मिनट पढ़ें

LLM + RAG + Function Calling एक AI एजेंट नहीं है

LLM + RAG + Function Calling एक AI एजेंट नहीं है। बहुत से लोग LLM, RAG और function calling का उपयोग करने वाले किसी भी एप्लिकेशन को AI एजेंट मान लेते हैं। यह गलत है। ये टूल्स क्षमताएं बढ़ाते हैं...

WebDev · 2 मिनट पढ़ें

Firestore JOIN का जाल

Firestore JOIN का जाल। आप एक सामान्य Firestore समस्या का सामना कर रहे हैं। आपका Firebase फंक्शन 'maximum batch size error' दे रहा है। आपको डैशबोर्ड के लिए ऑर्डर्स और कस्टमर्स को जॉइन करने की आवश्यकता है। आप उ...

WebDev · 2 मिनट पढ़ें

टेस्ट जनरेशन के लिए AI: कहाँ यह मददगार है और कहाँ यह चूक जाता है

टेस्ट जनरेशन के लिए AI: कहाँ यह मददगार है और कहाँ यह चूक जाता है। AI तेज़ी से टेस्ट लिखता है। यह ऐसे टेस्ट भी लिखता है जो असली लगते हैं लेकिन गलत चीज़ों की जाँच करते हैं। आप AI में एक फंक्शन पेस्ट करते हैं। थ...

WebDev · 2 मिनट पढ़ें

नए लोगों के लिए AWS: S3, Deduplication, और Presigned URLs

नए लोगों के लिए AWS: S3, Deduplication, और Presigned URLs। सिर्फ छोटे-मोटे ऐप्स बनाना बंद करें। प्रोडक्शन सिस्टम बनाना शुरू करें। अगर आपका सर्वर डिस्पोजेबल है, तो आपकी फाइलें उसके डिस्क पर नहीं रह सकतीं...

WebDev · 2 मिनट पढ़ें

मैंने अपनी पोर्टफोलियो वेबसाइट को कैसे ऑप्टिमाइज़ किया

मैंने अपनी पोर्टफोलियो वेबसाइट को कैसे ऑप्टिमाइज़ किया। आपका पोर्टफोलियो आपकी पहली छाप है। अगर यह धीरे लोड होता है या गूगल पर दिखाई नहीं देता, तो आप अवसर खो देते हैं। मैंने अपनी साइट को स्पीड के लिए ऑप्टिमाइज़ किया...

WebDev · 2 मिनट पढ़ें

मेंबरशिप गेटेड वर्डप्रेस साइट्स के लिए सर्च मॉडल बनाना

मेंबरशिप गेटेड वर्डप्रेस साइट्स के लिए सर्च मॉडल बनाना। अधिकांश वर्डप्रेस सर्च ट्यूटोरियल हेडर में विजेट जोड़ने के बाद ही रुक जाते हैं। यह तब विफल हो जाता है जब आपके पास p... जैसा गेटेड कंटेंट हो...

WebDev · 2 मिनट पढ़ें

5 REST API गलतियाँ जिनकी वजह से मैंने अपने यूज़र्स खो दिए

5 REST API गलतियाँ जिनकी वजह से मैंने अपने यूज़र्स खो दिए। तीन साल पहले, मैंने अपना पहला पब्लिक API बनाया था। मुझे लगा कि यह एक वीकेंड में पूरा हो जाएगा। मैंने यूज़र्स के आने का इंतज़ार किया। वे आए। फिर उन्होंने...

WebDev · 2 मिनट पढ़ें

ऑथोराइजेशन बग्स खोजने के लिए AI का उपयोग

ऑथोराइजेशन बग्स खोजने के लिए AI का उपयोग। बग बाउंटी प्रोग्राम बदल रहे हैं। कुछ प्रोग्रामों ने इनाम देना बंद कर दिया है। अन्य ने भुगतान में 80% की कटौती कर दी है। इसका कारण यह नहीं है कि AI बहुत अधिक बग खोजता है...

WebDev · 2 मिनट पढ़ें

सही वेब रेंडरिंग रणनीति का चुनाव

सही वेब रेंडरिंग रणनीति का चुनाव। वेब डेवलपमेंट में स्पीड और इंटरएक्टिविटी अक्सर एक-दूसरे के साथ संघर्ष करती हैं। यदि आप केवल इस बात पर ध्यान केंद्रित करते हैं कि एक पेज कितनी तेज़ी से दिखता है, तो आप इसके अनुभव को खराब कर सकते हैं...

WebDev · 2 मिनट पढ़ें

Stripe Webhooks से बहुभाषी ईमेल

Stripe Webhooks से बहुभाषी ईमेल। एक SaaS को वैश्विक स्तर पर स्केल करने में कुछ छिपे हुए खतरे होते हैं। हमें अपने Stripe webhooks में एक ऐसा ही खतरा मिला। हमारा सिस्टम खरीदारी की पुष्टि, नवीनीकरण और विफलता...

WebDev · 2 मिनट पढ़ें

TypeScript आखिरी ओवरलोड का अनुमान लगाता है

TypeScript आखिरी ओवरलोड का अनुमान लगाता है। जब आप ओवरलोडेड फंक्शन्स का उपयोग करते हैं, तो TypeScript का एक विशिष्ट व्यवहार होता है। जब आप किसी ओवरलोडेड फंक्शन से टाइप का अनुमान लगाने की कोशिश करते हैं, तो TypeScript केवल...

WebDev · 2 मिनट पढ़ें