GyaanSetu WebDev

Frontend, backend and devops for the modern web.

230 articlesDeep, practical knowledge

Open Interpreter, LLM-கள் உள்ளூர் இயந்திரத்திலேயே குறியீடுகளை இயக்க அனுமதிப்பதன் மூலம், கிளவுட் செலவுகளைக் குறைத்து தனியுரிமையை மேம்படுத்துகிறது

பெரிய மொழி மாதிரிகள் பயனரின் கணினியில் ஷெல் கட்டளைகளை வழங்கவும் ஸ்கிரிப்ட்களை இயக்கவும் அனுமதிப்பதன் மூலம், Open Interpreter அதிக செலவுமிக்க கிளவுட் API-களின் தேவையை நீக்குகிறது மற்றும் முக்கியமான கோப்புகளை உள்ளூரிலேயே பாதுகாக்கிறது; அதே சமயம், இது டெவலப்பர்கள் சாண்ட்பாக்ஸ்கள் மற்றும் ஒப்புதல் செயல்முறைகளை உருவாக்க வேண்டிய கட்டாயத்தையும் ஏற்படுத்துகிறது.

WebDev · 2 min read

PostgreSQL Migrations Fail With "Read-Only Transaction" When Sent to a Replica

The error usually stems from a write hitting a read replica—often because PgBouncer routes the connection, a role defaults to read-only, or a cloud setup uses the reader endpoint. The article shows how to override the flag for the current transaction and how to guard against it.

WebDev · 3 min read

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 min read

RamenHire’s Email Bug Turned Every Hiring Alert into a Phishing Hook

The flaw let any applicant inject a fake "verify" link into the HTML email template; the payload stored with the job listing and appeared in every subsequent notification until a new escapeHtml helper was added and both unit and live tests confirmed the fix.

WebDev · 3 min read

எனது சொந்தக் குறியீட்டைச் சோதித்தல்: ஒப்பந்தச் சோதனை (Contract Testing) எதை வெளிப்படுத்தியது?

எனது சொந்தக் குறியீட்டைச் சோதித்தல்: ஒப்பந்தச் சோதனை (Contract Testing) எதை வெளிப்படுத்தியது? எனது Zerodha குளோன் (clone) முடிந்துவிட்டது என்று நான் நினைத்தேன். இது Node backend, React frontend, MongoDB மற்றும் Razorpay ஆகியவற்றுடன் கூடிய ஒரு MERN stack திட்டமாகும்...

WebDev · 3 min read

Zero-Cost AI Shopping Bot Lives Inside Any Web Page – No API Key Needed

The author fine-tuned LiquidAI’s 350-million-parameter LFM2.5 model on a 30 M-token synthetic dataset using a single 16 GB GPU, then added eight hard-coded tools and grammar-constrained decoding so the agent can browse, add items, and checkout entirely on-device.

WebDev · 4 min read

Generics-இல் Literal Widening-ஐத் தடுக்க TypeScript 'const' வகை அளவுருக்களைச் சேர்க்கிறது

ஒரு வகை அளவுருவில் (type parameter) சேர்க்கப்பட்டுள்ள புதிய 'const' மாடிஃபையர், மிகக் குறுகிய சாத்தியமான வகையைத் தீர்மானிக்க கம்பைலருக்குத் தெரிவிக்கிறது. இதன் மூலம் "GET" போன்ற லிட்டரல்கள் ஃபங்ஷன் எல்லைகளுக்கு அப்பாலும் மாறாமல் அப்படியே இருக்கும், இதனால் மீண்டும் மீண்டும் 'as const' எனப் பயன்படுத்த வேண்டியத் தேவை குறைகிறது.

WebDev · 3 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

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> என்று குறிப்பிடுவதன் மூலம் மென்மையான entry, exit மற்றும் reorder விளைவுகளைப் பெற முடியும்.

WebDev · 3 min read

React-Fiber இறக்குமதி வடிவமைப்பு மற்றும் குறியீடு இடையிலான வேறுபாட்டைக் குறைத்து, பராமரிப்புச் செலவில் குழுக்களுக்கு ஆயிரக்கணக்கானவற்றைச் சேமிக்கிறது

இந்த பிளகின் ரெண்டர் செய்யப்பட்ட DOM-க்கு பதிலாக React-ன் உள்நிலை Fiber மரத்தை வாசித்து, கூறுகளை நேரடியாக Figma அடுக்குகளுடன் இணைக்கிறது; மேலும் variants, auto-layout கட்டுப்பாடுகள் மற்றும் state triggers ஆகியவற்றை அப்படியே பாதுகாப்பதன் மூலம், டிசைன் டோக்கன்களை கைமுறையாக மீண்டும் உருவாக்க வேண்டிய தேவையை இது நீக்குகிறது.

WebDev · 3 min read

TypeScript 7-க்கு அப்டேட் செய்யலாமா? 10 மடங்கு வேகமான சோதனைகளை எதிர்பார்க்கலாம், ஆனால் உங்கள் CI தோல்வியடைய வாய்ப்புள்ளது!

புதிய Go அடிப்படையிலான tsgo என்ஜின், பில்டுகளை 10 மடங்கு வரை வேகமாக வழங்குகிறது, ஆனால் அதன் மாறிக்கொண்டிருக்கும் புரோகிராமடிக் API பிரபலமான கருவிகளைப் பாதிப்படையச் செய்கிறது. 7.1 API freeze ஆகும் வரை, குழுக்கள் பில்டுகளுக்கு TS 6.x-ஐயும், விரைவான சோதனைகளுக்கு @typescript/native-preview-ஐயும் பயன்படுத்துவது நல்லது.

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