GyaanSetu WebDev

आधुनिक वेबसाठी फ्रंटएंड, बॅकएंड आणि डेव्हऑप्स.

244 articlesDeep, practical knowledge

DeepSeek आणि Qwen कडे वळल्यामुळे एका बॉटचे AI बिल $420 वरून $28 पर्यंत कमी झाले

८५% क्वेरीज स्वस्त मॉडेल्सकडे वळवून, वारंवार येणारे प्रॉम्प्ट्स कॅश करून आणि इनपुट्स कॉम्प्रेस करून, टीमने लेटन्सी कमी ठेवून आणि युजर एक्सपिरियन्स कायम ठेवून मासिक खर्च $420 वरून $28 पर्यंत कमी केला.

WebDev · 2 min read

pnpm v12 Cuts Warm Install Time From 381 ms to 12 ms With Rust Rewrite

The rewrite, dubbed “pacquet,” replaces the Node.js bootstrap with a single-threaded Rust binary, keeping all flags and lockfile formats unchanged. Developers can opt-in today via `pnpm self-update next-12` and benchmark the impact on their CI pipelines.

WebDev · 2 min read

दोन आठवड्यांत REST ऐवजी tRPC वापरून डेव्हलपरने API ओव्हरहेडमध्ये मोठी कपात केली

या स्थलांतरामुळे OpenAPI spec, SDK जनरेशन, Postman कलेक्शन आणि हाताने लिहिलेले TypeScript इंटरफेसची गरज उरली नाही; यामुळे एडिटरमध्ये त्रुटी त्वरित ओळखता येतात आणि रिपॉझिटरीचा आकारही लक्षणीयरीत्या कमी झाला आहे.

WebDev · 3 min read

Team Automates VPAT Generation in CI, Blocking Inaccessible PRs

By embedding axe-core scans, custom Vitest keyboard helpers, and JSON-stored screen-reader results into the build, the pipeline fails any pull request that introduces an accessibility regression and automatically emits a PDF VPAT with each successful release.

WebDev · 3 min read

Stop Wasting GPU Hours: When to Use Prompting, RAG, or Fine-Tuning

The guide breaks down three levers—prompting, retrieval-augmented generation, and fine-tuning—showing how to spot a knowledge gap versus a behavior gap, and offers a three-step checklist to pick the right tool before splurging on compute.

WebDev · 4 min read

Auto-Animate ने लाँच केला Marko 6 अडॅप्टर, एका टॅगद्वारे लिस्ट्स अ‍ॅनिमेट करा

नवीन अडॅप्टर Marko च्या onMount lifecycle शी जोडला जातो, MutationObserver तयार करतो आणि auto-animate चे इंजिन चालवतो, ज्यामुळे डेव्हलपर्स कोणत्याही अतिरिक्त JavaScript शिवाय लिस्टच्या भोवती <auto-animate> घोषित करून स्मूथ एन्ट्री, एक्झिट आणि रीऑर्डर इफेक्ट्स मिळवू शकतात.

WebDev · 3 min read

React-Fiber Import मुळे डिझाइन आणि कोडमधील तफावत कमी होते, ज्यामुळे मेंटेनन्सचा हजारो रुपयांचा खर्च वाचतो

हे प्लगइन रेंडर केलेल्या DOM ऐवजी React च्या अंतर्गत Fiber tree वाचते आणि कंपोनंट्स थेट Figma लेयर्सशी मॅप करते. यामुळे व्हेरिएंट्स, ऑटो-लेआउट कन्स्ट्रेंट्स आणि स्टेट ट्रिगर्स जतन केले जातात—ज्यामुळे डिझाइन टोकन्स पुन्हा मॅन्युअली तयार करण्याची गरज उरत नाही.

WebDev · 3 min read

Zod + Vercel AI SDK Guarantees Type-Safe JSON From LLMs, Preventing Crashes

A production classifier once threw an exception after an LLM added an unexpected “explanation” key, exposing how raw JSON parsing can silently break services. Wiring Zod schemas into Vercel’s AI SDK or Anthropic’s tool-use API catches such mismatches before they crash your app.

WebDev · 5 min read

ज्युनिअर डेव्हलपरने पायथन डॉकर इमेज ९३% कमी करून ८५ MB केली, CI वेळ ९० सेकंदात आणली

डिफॉल्ट python:latest ऐवजी python:alpine वरील थ्री-स्टेप मल्टी-स्टेज बिल्डचा वापर केल्यामुळे, डेव्हलपरने इमेज १.२ GB वरून ८५ MB पर्यंत कमी केली. यामुळे पाइपलाइन रनटाइम ११ मिनिटांवरून केवळ ९० सेकंद झाला, तसेच स्टोरेज खर्च आणि अटॅक सरफेसमध्येही घट झाली.

WebDev · 3 min read

DMARC त्रुटी सुधारा: From Header शी जुळण्यासाठी Return-Path किंवा DKIM सुसंगत करा

SPF आणि DKIM मध्ये हिरवे टिक मार्क असूनही, जर Return-Path किंवा DKIM साइनिंग डोमेन हे दिसणाऱ्या 'From' पत्त्याशी जुळत नसेल, तर DMARC अयशस्वी होऊ शकते. रॉ हेडर्समधील (raw headers) विसंगती कशी ओळखायची आणि ती कशी सुधारायची ते शिका.

WebDev · 3 min read

आर्थिक डेटाचे AI द्वारे होणारे डिलीशन रोखण्यासाठी MCP सर्व्हरमध्ये 'ह्युमन टोकन गेट' जोडले गेले

मी एका AI बजेटिंग एजंटला MCP सर्व्हरद्वारे संवाद साधू दिला, आणि त्याने एकाच कमांडमध्ये वर्षभराचा व्यवहारांचा इतिहास पुसून टाकला असता. टूल लेयरमधील एका हार्ड-कोडेड सुरक्षा तपासणीने (safety check) हे डिलीशन रोखले, ज्यामुळे हे सिद्ध झाले की सुरक्षा अंमलबजावणी ही API मध्ये असावी लागते, प्रॉम्प्ट्समध्ये नाही.

WebDev · 7 min read

जर तुम्ही कधीही PDF मधून बोल्ड किंवा इटालिक मजकूर काढण्याचा प्रयत्न केला असेल, तर तुम्ही बहुधा रेगएक्सने (regex) सुरुवात केली असेल. ते अगदी स्पष्ट वाटते...

जर तुम्ही कधीही PDF मधून बोल्ड किंवा इटालिक मजकूर काढण्याचा प्रयत्न केला असेल, तर तुम्ही बहुधा रेगएक्सने (regex) सुरुवात केली असेल. हे अगदी स्वाभाविक वाटते. फॉन्टच्या नावामध्ये “Bold” हा शब्द शोधा, फ्लॅग...

WebDev · 6 min read

डेव्हलपर्स मला वारंवार तोच प्रश्न विचारतात: "माझी API स्लो आहे. मी सुरुवात कुठून करू?" सहसा सर्व्हर अपग्रेड करण्याचा विचार येतो

डेव्हलपर्स मला वारंवार तोच प्रश्न विचारतात: "माझी API स्लो आहे. मी सुरुवात कुठून करू?" सहसा सर्व्हर अपग्रेड करणे किंवा रॅम (RAM) दुप्पट करणे हा पहिला विचार असतो. यामुळे खर्च वाढतो आणि यामुळे समस्या क्वचितच सुटते...

WebDev · 4 min read

बहुतेक प्रोग्रामर्सना एक 'ब्लाईंड स्पॉट' असतो. ते आनंदाने डिस्ट्रिब्युटेड सिस्टम डीबग करतील किंवा नवीन फ्रेमवर्कशी झुंज देतील, तरीही...

बहुतेक प्रोग्रामर्सना एक 'ब्लाईंड स्पॉट' असतो. ते आनंदाने डिस्ट्रिब्युटेड सिस्टम डीबग करतील किंवा नवीन फ्रेमवर्कशी झुंज देतील, तरीही ते असा एखादा मॅन्युअल टेक्स्ट एडिट करण्यासाठी वीस मिनिटे खर्च करतील जो...

WebDev · 3 min read