GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

उपयोगकर्ता ब्राउज़र में लगभग किसी भी अन्य कंट्रोल की तुलना में बैक बटन का उपयोग अधिक बार करते हैं। वे उम्मीद करते हैं कि पिछला स्क्रीन

उपयोगकर्ता ब्राउज़र में लगभग किसी भी अन्य कंट्रोल की तुलना में बैक बटन का उपयोग अधिक बार करते हैं। वे उम्मीद करते हैं कि पिछला स्क्रीन तुरंत, ठीक उसी जगह दिखाई दे जहाँ उन्होंने उसे छोड़ा था। आधुनिक ब्राउ...

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

HTML को PDF में बदलना कागज़ पर आसान लगता है। आप एक शानदार टेम्पलेट बनाते हैं, अपना डेटा डालते हैं, और एक ऐसे दस्तावेज़ की उम्मीद करते हैं जो

HTML को PDF में बदलना कागज़ पर आसान लगता है। आप एक शानदार टेम्पलेट बनाते हैं, अपना डेटा डालते हैं, और एक ऐसे दस्तावेज़ की उम्मीद करते हैं जो वेब पेज को पिक्सेल-दर-पिक्सेल दर्शाता हो। असल में, पाइप...

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

TypeScript 7 के पैरेलल Go रीराइट के बाद डेवलपर्स अब दस गुना तेज़ी से इटरेशन कर सकते हैं

TypeScript 7 आधिकारिक तौर पर आ गया है। TypeScript 7 रिलीज़ हो गया है। Microsoft ने Go भाषा का उपयोग करके इसके कोर को फिर से बनाया है। यह बदलाव कोड कंपाइलेशन को बहुत तेज़ बना देता है। आपका एडिटर और भी तेज़ महसूस होगा...

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

MediaPipe का उपयोग करके M1 Max पर वेबकैम से 17.3 FPS पर VRM अवतार चलाना

रियल टाइम वेबकैम से VRM रिटारगेटिंग: क्या एक ब्राउज़र केवल वेबकैम का उपयोग करके 3D अवतार को नियंत्रित कर सकता है? मैंने यह देखने के लिए MediaPipe Holistic का परीक्षण किया कि क्या यह शरीर, चेहरे और हाथों की गतिविधियों का अनुमान लगा सकता है...

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

WhatsApp RAG बॉट ने JSON साइटेशन लागू करके 'hallucination' (गलत जानकारी देना) को रोका

pgvector के साथ PostgreSQL पर आधारित यह प्रोटोटाइप, भारी प्रॉम्प्ट्स के बजाय एक JSON स्कीमा का उपयोग करता है जो हर दावे को सत्यापित करता है। यदि मॉडल किसी 'chunk ID' को नहीं जोड़ पाता है, तो रिस्पॉन्स को खारिज कर दिया जाता है और यूजर को स्पष्ट रूप से संदेश मिलता है: “मेरे पास इसका उत्तर देने के लिए पर्याप्त जानकारी नहीं है।”

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

कॉन्ट्रैक्ट टेस्टिंग अपनाने से API ब्रेकएजेस महीने में 2 से घटकर छह महीनों में शून्य हो गए

मॉक-सर्वर चेक्स से कंज्यूमर-ड्रिवन कॉन्ट्रैक्ट टेस्टिंग की ओर टीम के बदलाव ने कॉन्ट्रैक्ट्स की संख्या 3 से बढ़ाकर 47 कर दी, जिससे मासिक इंटीग्रेशन फेलियर्स खत्म हो गए और प्रोडक्शन में जाने से पहले ही ब्रेकिंग चेंजेस को पकड़ा जाने लगा।

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

AI ट्रैफिक की कमी से टॉप-रैंकिंग साइटों को लाखों का नुकसान हो सकता है

Vercel-MERJ के एक अध्ययन से पता चलता है कि GPTBot और ClaudeBot केवल रॉ HTML डाउनलोड करते हैं और JavaScript निष्पादन (execution) को छोड़ देते हैं। इसके परिणामस्वरूप, React या Vue जैसे क्लाइंट-साइड फ्रेमवर्क Google रैंकिंग में तो दबदबा बना सकते हैं, लेकिन ChatGPT और Bing AI जैसे AI सहायकों के लिए अदृश्य रह सकते हैं।

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

Resumable Chunked Uploads भीड़भाड़ वाले वाई-फाई पर भी शादी की तस्वीरों को सुरक्षित रखते हैं

यह गाइड आपको UUID सेशन जेनरेट करने, फाइलों को 5-10 MB के चंक्स (chunks) में विभाजित करने, IndexedDB में स्टेट को सुरक्षित रखने और 'exponential backoff with jitter' का उपयोग करने की प्रक्रिया समझाएगी, ताकि नेटवर्क स्विच होने, डिवाइस लॉक होने या हॉटस्पॉट ओवरलोड होने पर भी अपलोड प्रक्रिया बाधित न हो।

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

Elevare’s AI Agent Slept on a Full Queue After RLS Hid All Jobs

The AI orchestrator queried the pending-jobs table, saw zero rows and entered idle mode, while an RLS policy silently filtered out every row for its service role. Jobs piled up unnoticed until the team added a canary-row check to expose the blind spot.

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

AI एजेंट टूल के परिणामों की रचना कर रहे हैं, जिससे ऑटोमेटेड वर्कफ़्लो में 'साइलेंट क्रैश' हो रहे हैं

एक हालिया ब्लॉग में चेतावनी दी गई है कि AI एजेंट टूल के नाम बना सकते हैं, गलत आर्गुमेंट्स दे सकते हैं, या सफल आउटपुट का दिखावा भी कर सकते हैं। इसे "साइलेंट क्रैश" कहा गया है—यह त्रुटिपूर्ण डेटा को पाइपलाइनों में आगे बढ़ने देता है, जिससे गलत अलर्ट और महंगे नुकसान वाले कार्य शुरू हो सकते हैं।

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

इनबॉक्स लीज़ क्रॉन ईमेल रेस के कारण अलर्ट क्रैश होने से रोकते हैं

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

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

प्रायोरिटी क्यू मोबाइल चैट ऐप्स को बैकग्राउंड इंडेक्सिंग के बावजूद तेज़ और स्मूथ बनाए रखता है

शेड्यूलर के तीन घटक—प्रायोरिटी क्यू, प्रीएम्प्शन कंट्रोलर और टोकन-बजट गवर्नर—एक फोरग्राउंड चैट रिक्वेस्ट को बैकग्राउंड टास्क से आगे निकलने की अनुमति देते हैं, जिससे रुके हुए कामों को बाधित किए बिना रिस्पॉन्स टाइम 1,420 ms से घटकर मात्र 161 ms रह जाता है।

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

Open Interpreter LLMs को स्थानीय रूप से कोड चलाने की अनुमति देता है, जिससे क्लाउड लागत कम होती है और गोपनीयता बढ़ती है

लार्ज लैंग्वेज मॉडल्स को यूजर की मशीन पर शेल कमांड चलाने और स्क्रिप्ट चलाने की अनुमति देकर, Open Interpreter संवेदनशील फाइलों को सुरक्षित रखते हुए महंगी क्लाउड APIs की आवश्यकता को खत्म कर देता है, लेकिन यह डेवलपर्स को सैंडबॉक्स और सहमति प्रवाह (consent flows) बनाने के लिए भी मजबूर करता है।

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

परिणाम-आधारित मूल्य निर्धारण के साथ AI कोडिंग एजेंट्स नए आउटसोर्सिंग सौदों का 43% हिस्सा संचालित कर रहे हैं

2026 तक, स्वायत्त एजेंट अब बिना मानवीय हस्तक्षेप के फीचर्स को विभाजित करने, कोड लिखने, टेस्ट चलाने और पुल रिक्वेस्ट खोलने में सक्षम हैं, जिससे कंपनियां प्रति घंटे की बिलिंग के बजाय सत्यापित परिणामों के लिए भुगतान करने की ओर रुख कर रही हैं।

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

जब PostgreSQL माइग्रेशन को रेप्लिका पर भेजा जाता है, तो "Read-Only Transaction" एरर के कारण वे विफल हो जाते हैं

यह एरर आमतौर पर तब आता है जब कोई 'write' ऑपरेशन रीड रेप्लिका पर जाता है—अक्सर इसलिए क्योंकि PgBouncer कनेक्शन को रूट करता है, कोई रोल डिफ़ॉल्ट रूप से रीड-ओनली होता है, या क्लाउड सेटअप रीडर एंडपॉइंट का उपयोग करता है। यह लेख बताता है कि वर्तमान ट्रांजेक्शन के लिए इस फ्लैग को कैसे ओवरराइड किया जाए और इससे कैसे बचा जाए।

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

Frontend Team Cuts Bundle Size to Zero by Tree-Shaking Type-Safe API Mocks

The team built a dev-only mock layer using Axios interceptors and Vite’s tree-shaking. By gating the interceptor with import.meta.env.DEV, a custom VITE_ENABLE_MSW flag, and the MODE variable, the entire mock code is stripped from production bundles, keeping the bundle size unchanged.

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

RamenHire के ईमेल बग ने हर हायरिंग अलर्ट को फिशिंग के जाल में बदल दिया

इस खामी के कारण कोई भी आवेदक HTML ईमेल टेम्पलेट में एक नकली "verify" लिंक डाल सकता था; यह पेलोड जॉब लिस्टिंग के साथ स्टोर हो जाता था और उसके बाद आने वाले हर नोटिफिकेशन में दिखाई देता था। यह समस्या तब तक बनी रही जब तक कि एक नया escapeHtml हेल्पर नहीं जोड़ा गया और यूनिट व लाइव दोनों टेस्ट के माध्यम से इस सुधार की पुष्टि नहीं हो गई।

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

अपने ही कोड की टेस्टिंग: कॉन्ट्रैक्ट टेस्टिंग से क्या पता चला

अपने ही कोड की टेस्टिंग: कॉन्ट्रैक्ट टेस्टिंग से क्या पता चला। मुझे लगा था कि मेरा Zerodha क्लोन बनकर तैयार है। यह Node बैकएंड, React फ्रंटएंड, MongoDB और Razorpay के साथ एक MERN स्टैक प्रोजेक्ट था...

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