GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

கனமான பருவமழை மேகங்கள் சூழ்ந்து வரும்போது, அவை உங்கள் வீட்டின் ஒவ்வொரு பலவீனமான பகுதியையும் சோதிக்கின்றன. வாரக்கணக்கில் தொடரும் மழை ஒரு சிறிய குறையை...

கனமான பருவமழை மேகங்கள் சூழ்ந்து வரும்போது, அவை உங்கள் வீட்டின் ஒவ்வொரு பலவீனமான பகுதியையும் சோதிக்கின்றன. வாரக்கணக்கில் தொடரும் மழை, ஒரு சிறிய குறையை ஒரு பெரிய தலைவலியாக மாற்றக்கூடும்: கறை படிந்த கூரை, வெள்ளம் சூழ்ந்த பால்கனி...

WebDev · 3 min read

HTML-ஐ PDF ஆக மாற்றுவது பார்ப்பதற்கு எளிதாகத் தோன்றலாம். ஒரு நேர்த்தியான டெம்ப்ளேட்டை உருவாக்கி, அதில் உங்கள் தரவைச் சேர்த்து, ஒரு ஆவணம் கிடைக்கும் என்று நீங்கள் எதிர்பார்ப்பீர்கள்...

HTML-ஐ PDF ஆக மாற்றுவது பார்ப்பதற்கு எளிதாகத் தோன்றலாம். ஒரு நேர்த்தியான டெம்ப்ளேட்டை உருவாக்கி, அதில் உங்கள் தரவைச் சேர்த்து, இணையப் பக்கத்தைப் போலவே பிக்சல் வாரியாக அப்படியே பிரதிபலிக்கும் ஒரு ஆவணம் கிடைக்கும் என்று நீங்கள் எதிர்பார்ப்பீர்கள். ஆனால் உண்மையில், அந்தச் செயல்முறை...

WebDev · 6 min read

TypeScript 7-ன் இணையான Go மறுபதிப்பிற்குப் பிறகு டெவலப்பர்கள் பத்து மடங்கு வேகமாகச் செயல்பட முடியும்

TypeScript 7 அதிகாரப்பூர்வமாக வந்துவிட்டது. TypeScript 7 வெளியாகிவிட்டது. மைக்ரோசாப்ட் Go மொழியைப் பயன்படுத்தி அதன் மையப்பகுதியை மீண்டும் உருவாக்கியுள்ளது. இந்த மாற்றம் குறியீடு தொகுப்பை (code compilation) மிக வேகமாக்குகிறது. உங்கள் எடிட்டர் இன்னும் வேகமாக இருக்கும்...

WebDev · 3 min read

MediaPipe பயன்படுத்தி M1 Max-இல் 17.3 FPS வேகத்தில் வெப்கேம் மூலம் VRM அவதாரத்தை இயக்குதல்

நிகழ்நேர வெப்கேமிலிருந்து VRM ரீடார்கெட்டிங்: ஒரு வெப்கேமை மட்டும் பயன்படுத்தி ஒரு பிரவுசரால் 3D அவதாரத்தை இயக்க முடியுமா? உடல், முகம் மற்றும் கை அசைவுகளைக் கணிக்க MediaPipe Holistic-ஆல் முடியுமா என்று நான் சோதித்தேன்...

WebDev · 1 min read

JSON மேற்கோள்களைக் கட்டாயப்படுத்துவதன் மூலம் WhatsApp RAG பாட் தவறான தகவல்களைத் தருவதைத் தவிர்க்கிறது

pgvector உடன் PostgreSQL மூலம் உருவாக்கப்பட்ட இந்த முன்மாதிரி, சிக்கலான ப்ராம்ப்ட்களுக்குப் பதிலாக ஒவ்வொரு கூற்றையும் சரிபார்க்கும் JSON ஸ்கீமாவை பயன்படுத்துகிறது. மாடலால் ஒரு chunk ID-ஐ இணைக்க முடியாவிட்டால், பதில் நிராகரிக்கப்படும், மேலும் பயனர் "அதற்குப் பதிலளிக்க என்னிடம் போதுமான தகவல் இல்லை" என்ற தெளிவான செய்தியைப் பெறுவார்.

WebDev · 2 min read

AI போக்குவரத்து இல்லாமை, முதலிடத்தில் உள்ள இணையதளங்களுக்கு மில்லியன் கணக்கான இழப்பை ஏற்படுத்தக்கூடும்

Vercel-MERJ ஆய்வின்படி, GPTBot மற்றும் ClaudeBot ஆகியவை JavaScript செயல்பாட்டைத் தவிர்த்து, வெறும் HTML கோப்புகளை மட்டுமே பதிவிறக்கம் செய்கின்றன. இதன் விளைவாக, React அல்லது Vue போன்ற கிளையண்ட்-சைடு கட்டமைப்புகள் கூகுள் தரவரிசையில் முன்னணியில் இருந்தாலும், ChatGPT மற்றும் Bing AI போன்ற AI உதவியாளர்களுக்கு அவை தெரியாமல் போகலாம்.

WebDev · 4 min read

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

Inbox Leases Stop Cron Email Races From Crashing Alerts

By assigning each cron run a unique lease ID, filtering on timestamps and labels, and logging lease metadata, teams can prevent stray messages from triggering duplicate or missed alerts—even when inboxes are shared.

WebDev · 3 min read

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