GyaanSetu WebDev

Frontend, backend and devops for the modern web.

35 articlesDeep, practical knowledge

Namecheap ഷെയർഡ് ഹോസ്റ്റിംഗിൽ NestJS എങ്ങനെ വിന്യസിക്കാം

Namecheap ഷെയർഡ് ഹോസ്റ്റിംഗിൽ NestJS എങ്ങനെ വിന്യസിക്കാം. Namecheap ഷെയർഡ് ഹോസ്റ്റിംഗിലേക്ക് NestJS വിന്യസിക്കുന്നത് ഒരു സ്റ്റാറ്റിക് സൈറ്റോ അല്ലെങ്കിൽ ഒരു PHP ആപ്പോ വിന്യസിക്കുന്നത് പോലെ ലളിതമല്ല. നിങ്ങൾക്ക് വെറുതെ ഫയലുകൾ അപ്‌ലോഡ് ചെയ്ത് മാത്രം ഇത് ചെയ്യാൻ കഴിയില്ല...

WebDev · 2 min read

ലിങ്കുകൾ മാറിപ്പോകാതെ റിയാക്റ്റിൽ ഇമെയിൽ മാറ്റുന്ന പ്രക്രിയകൾ പരിശോധിക്കാം

ലിങ്കുകൾ മാറിപ്പോകാതെ റിയാക്റ്റിൽ ഇമെയിൽ മാറ്റുന്ന പ്രക്രിയകൾ പരിശോധിക്കാം. ഒരു അക്കൗണ്ട് ഇമെയിൽ മാറ്റുന്നത് ചെറിയ കാര്യമായി തോന്നാം. എന്നാൽ യഥാർത്ഥത്തിൽ ഇത് ടെസ്റ്റിംഗ് പിശകുകൾക്ക് പ്രധാന കാരണമാണ്. ടെസ്റ്റർമാർ പലപ്പോഴും കൺഫർമേഷൻ...

WebDev · 3 min read

ഞാൻ ബ്രൗസറിൽ ഒരു CAD എഡിറ്റർ നിർമ്മിച്ചു, തുടർന്ന് അത് ഉപയോഗിക്കാൻ ഒരു LLM-നെ പഠിപ്പിച്ചു

ഞാൻ ബ്രൗസറിൽ ഒരു CAD എഡിറ്റർ നിർമ്മിച്ചു, തുടർന്ന് അത് ഉപയോഗിക്കാൻ ഒരു LLM-നെ പഠിപ്പിച്ചു. ഞാൻ എന്റെ ആപ്പിനോട് ചോദിച്ചു: "എത്ര വാതിലുകളും ജനലുകളും ഉണ്ട്?". AI അവയുടെ എണ്ണം പറഞ്ഞു നൽകി. പിന്നീട് അത് മറ്റൊന്ന് കൂടി ചേർത്തു...

WebDev · 3 min read

ഒരു സിങ്ക് പിഎച്ച്പി ഡെവലപ്പർ എന്ന നിലയിൽ അസിങ്ക് പിഎച്ച്പി യെ കുറിച്ച് ഞാൻ പഠിച്ച കാര്യങ്ങൾ ഇതാ

ഒരു സിങ്ക് പിഎച്ച്പി ഡെവലപ്പർ എന്ന നിലയിൽ അസിങ്ക് പിഎച്ച്പി യെ കുറിച്ച് ഞാൻ പഠിച്ച കാര്യങ്ങൾ ഇതാ. ഞാൻ വർഷങ്ങളോളം ലാരവെൽ ഉപയോഗിച്ച് ജോലി ചെയ്തിട്ടുണ്ട്. ഞാൻ സിങ്ക് പിഎച്ച്പി ആണ് ഉപയോഗിച്ചിരുന്നത്. ഒരു റിക്വസ്റ്റ് വരുന്നു, ഒരു പ്രോസസ്സ് നടക്കുന്നു, തുടർന്ന് ഒരു റെസ്പോൺസ് ലഭിക്കുന്നു. ഞാൻ ഒരിക്കലും...

WebDev · 2 min read

OAuth ചരിത്രം: പാസ്‌വേഡുകളിൽ നിന്ന് ആഗോള മാനദണ്ഡങ്ങളിലേക്ക്

OAuth ചരിത്രം: പാസ്‌വേഡുകളിൽ നിന്ന് ആഗോള മാനദണ്ഡങ്ങളിലേക്ക്. നിങ്ങൾ ഇത് ദിവസവും കാണാറുണ്ട്. നിങ്ങൾ "Login with Google" അല്ലെങ്കിൽ "Login with GitHub" ക്ലിക്ക് ചെയ്യുന്നു. നിങ്ങൾ ഒരു പാസ്‌വേഡ് ടൈപ്പ് ചെയ്യുന്നില്ല. നിങ്ങൾ സൈറ്റിലേക്ക് ഉടനടി പ്രവേശിക്കുന്നു...

WebDev · 3 min read

How Enterprises Use Generative AI Beyond Chatbots

How Enterprises Use Generative AI Beyond Chatbots The real change is not happening in chat windows. It is happening inside the tools you use every day. Chatbots were only the star…

WebDev · 2 min read

മെമ്പർഷിപ്പ് നിയന്ത്രിത വേർഡ്പ്രസ് സൈറ്റുകൾക്കായി ഒരു സെർച്ച് മോഡൽ നിർമ്മിക്കുന്നു

മെമ്പർഷിപ്പ് നിയന്ത്രിത വേർഡ്പ്രസ് സൈറ്റുകൾക്കായി ഒരു സെർച്ച് മോഡൽ നിർമ്മിക്കുന്നു. മിക്ക വേർഡ്പ്രസ് സെർച്ച് ട്യൂട്ടോറിയലുകളും ഒരു ഹെഡറിൽ വിഡ്ജറ്റ് ചേർക്കുന്നതോടെ അവസാനിക്കുന്നു. എന്നാൽ പ... പോലുള്ള നിയന്ത്രിത ഉള്ളടക്കങ്ങൾ (gated content) ഉള്ളപ്പോൾ ഇത് പരാജയപ്പെടുന്നു.

WebDev · 2 min read

The Pragmatic Programmer: 20 Years Later

The Pragmatic Programmer: 20 Years Later I read The Pragmatic Programmer over two decades ago. Back then, it felt like a list of good practices. Today, after years of breaking sys…

WebDev · 2 min read

SEO-യുടെ ഭാവി സെർച്ചിനെക്കുറിച്ചല്ല

SEO-യുടെ ഭാവി സെർച്ചിനെക്കുറിച്ചല്ല. ഓരോ കുറച്ചു വർഷങ്ങൾ കൂടുമ്പോഴും നമ്മൾ കാര്യങ്ങൾ കണ്ടെത്തുന്ന രീതി ഇന്റർനെറ്റ് മാറ്റിക്കൊണ്ടിരിക്കുന്നു. ഡയറക്ടറികൾ സെർച്ച് എഞ്ചിനുകളായി മാറി. സെർച്ച് എഞ്ചിനുകൾ സോഷ്യൽ ഫീഡുകളായി മാറി. സോഷ്യൽ...

WebDev · 2 min read

വെബ്‌സൈറ്റ് ഡിസൈൻ ഏകീകരിക്കുന്നതിനായുള്ള വാദം

വെബ്‌സൈറ്റ് ഡിസൈൻ ഏകീകരിക്കുന്നതിനായുള്ള വാദം. വെബ്‌സൈറ്റുകൾ ഒരേപോലെ ഇരിക്കുന്നു എന്ന് ആളുകൾ പരാതിപ്പെടാറുണ്ട്. എല്ലായിടത്തും ഒരേ നാവിഗേഷൻ ബാറുകളും ഗ്രിഡുകളും ബട്ടണുകളും അവർ കാണുന്നു. അവർ പറയുന്നത് ശരിയാണ്. എന്നാൽ ഇത്...

WebDev · 2 min read

നിങ്ങൾ വിശ്വസിക്കുന്ന ലൈബ്രറികളിൽ ഒളിഞ്ഞിരിക്കുന്ന അതേ ചില ബഗുകൾ

നിങ്ങൾ വിശ്വസിക്കുന്ന ലൈബ്രറികളിൽ ഒളിഞ്ഞിരിക്കുന്ന അതേ ചില ബഗുകൾ. Langchain, Vite, Bat തുടങ്ങിയ വലിയ റെപ്പോസിറ്ററികളിലേക്ക് ചെറിയ തിരുത്തലുകൾ അയച്ചുകൊടുക്കാൻ ഞാൻ സമയം ചെലവഴിക്കാറുണ്ട്. ഈ പ്രോജക്റ്റുകൾ വ്യത്യസ്ത ഭാഷകളാണ് ഉപയോഗിക്കുന്നത് കൂടാതെ...

WebDev · 2 min read

Next.js ഏറ്റവും മികച്ച ഫ്രെയിംവർക്ക് അല്ല, എന്നാൽ അത് ഏറ്റവും വിശ്വസനീയമായ ഒരു തിരഞ്ഞെടുപ്പാണ്.

Next.js ഏറ്റവും മികച്ച ഫ്രെയിംവർക്ക് അല്ല, എന്നാൽ അത് ഏറ്റവും വിശ്വസനീയമായ ഒരു തിരഞ്ഞെടുപ്പാണ്. Next.js ആണ് ഏറ്റവും കൂടുതൽ ഉപയോഗിക്കപ്പെടുന്ന React ഫ്രെയിംവർക്ക്. ഒപ്പം തന്നെ ഇത് ഏറ്റവും കൂടുതൽ വെറുക്കപ്പെടുന്നവയിലൊന്നാണ്. സർവേകൾ സൂചിപ്പിക്കുന്നത് ഇതിന്റെ ഉപയോഗം കൂടുതലാണെങ്കിലും സംതൃപ്തി...

WebDev · 2 min read

റിയാക്ട് പ്രശ്നമല്ല, വെർസൽ ആണ്.

റിയാക്ട് പ്രശ്നമല്ല, വെർസൽ ആണ്. റിയാക്ടിനോട് ഡെവലപ്പർമാർക്ക് നിരാശ തോന്നുന്നു. ആർക്കെങ്കിലും ഇനിയും റിയാക്ട് ഇഷ്ടമാണോ എന്ന് പലരും ചോദിക്കാറുണ്ട്. മിക്ക ഉത്തരങ്ങളും നിഷേധാത്മകമാണ്. നമ്മൾ നോക്കുന്നത്...

WebDev · 2 min read

വെബ്‌സൈറ്റ് ചാറ്റ്ബോട്ട് ഒരു താൽക്കാലിക മാർഗ്ഗമായിരുന്നു, ഒരു പരിഹാരമല്ല

വെബ്‌സൈറ്റ് ചാറ്റ്ബോട്ട് ഒരു താൽക്കാലിക മാർഗ്ഗമായിരുന്നു, ഒരു പരിഹാരമല്ല. നിങ്ങൾ ഒരു വെബ്‌സൈറ്റ് തുറക്കുമ്പോൾ ഒരു ബബിൾ പ്രത്യക്ഷപ്പെടുന്നു. നിങ്ങൾക്ക് എങ്ങനെ സഹായിക്കാം എന്ന് അത് ചോദിക്കുന്നു. നിങ്ങൾ ഒരു യഥാർത്ഥ ചോദ്യം ചോദിക്കുന്നു. ബോട്ട് നിങ്ങൾക്ക് ഒരു ലിങ്ക് നൽകുന്നു...

WebDev · 2 min read

SSE vs WebSocket vs WebTransport: 2026-ൽ എങ്ങനെ തിരഞ്ഞെടുക്കാം?

SSE vs WebSocket vs WebTransport: 2026-ൽ എങ്ങനെ തിരഞ്ഞെടുക്കാം? ഒരു ചോദ്യം ആദ്യം ചോദിച്ചാൽ റിയൽ ടൈം പ്രോട്ടോക്കോൾ തിരഞ്ഞെടുക്കുന്നത് അത്ര പ്രയാസകരമല്ല: ഡാറ്റ ഏത് ദിശയിലേക്കാണ് ഒഴുകുന്നത്? ഭൂരിഭാഗം ആളുകളും ഉപയോഗിക്കുന്നത്...

WebDev · 2 min read

ഇന്ററാക്ടീവ് ഡാറ്റാ വിഷ്വലൈസേഷനുകൾക്ക് ബാക്കെൻഡ് ചിന്താഗതിയും ആവശ്യമാണ്

ഇന്ററാക്ടീവ് ഡാറ്റാ വിഷ്വലൈസേഷനുകൾക്ക് ബാക്കെൻഡ് ചിന്താഗതിയും ആവശ്യമാണ്. ഡാറ്റാ വിഷ്വലൈസേഷനുകളുടെ തെറ്റായ തലത്തെയാണ് ആളുകൾ പ്രശംസിക്കുന്നത്. അവർ ശ്രദ്ധിക്കുന്നത് സുഗമമായ ആനിമേഷനുകളും മിനുസപ്പെടുത്തിയ മാപ്പുകളുമാണ്. അവർ ചെയ്യുന്നില്ല...

WebDev · 2 min read

ജൂനിയർ ഡെവലപ്പർമാർ വരുത്തുന്ന തെറ്റുകൾ

ജൂനിയർ ഡെവലപ്പർമാർ വരുത്തുന്ന തെറ്റുകൾ. പ്രവർത്തിക്കുന്ന കോഡ് നൽകുക എന്നത് ഒരു അടിസ്ഥാന കാര്യമാണ്, അത് ലക്ഷ്യമല്ല. ഒരിക്കൽ ഒരു പുൾ റിക്വസ്റ്റ് മനസ്സിലാക്കാൻ എനിക്ക് 45 മിനിറ്റ് എടുത്തു. അതിന്റെ ലോജിക്...

WebDev · 2 min read

The Frontend Engineer Will Not Be Replaced by AI

The Frontend Engineer Will Not Be Replaced by AI AI generates output. It does not generate ownership. Anyone can prompt. Almost no one can ship. I remember a 2 AM deployment for a…

WebDev · 2 min read

How I Made AI Stop Hallucinating on Our Codebase

How I Made AI Stop Hallucinating on Our Codebase AI coding tools fail on real production projects. They work well on new code. They fall apart on old code with history. Our fintec…

WebDev · 2 min read

𝗛𝗼𝘄 𝗮 𝗖𝗮𝗰𝗵𝗲𝗱 𝗥𝗲𝗮𝗰𝘁 𝗕𝘂𝗻𝗱𝗹𝗲 𝗦𝗲𝗻𝘁 𝗗𝗮𝘁𝗮 𝘁𝗼 𝘁𝗵𝗲 𝗪𝗿𝗼𝗻𝗴 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲

𝗛𝗼𝘄 𝗮 𝗖𝗮𝗰𝗵𝗲𝗱 𝗥𝗲𝗮𝗰𝘁 𝗕𝘂𝗻𝗱𝗹𝗲 𝗦𝗲𝗻𝘁 𝗗𝗮𝘁𝗮 𝘁𝗼 𝘁𝗵𝗲 𝗪𝗿𝗼𝗻𝗴 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲 We hit a deadline. The backend team migrated to a new API and a new databa…

WebDev · 2 min read

എന്റെ API 4 ms-ൽ പ്രതികരിച്ചെങ്കിലും നാവിഗേഷൻ ഇപ്പോഴും സാവധാനത്തിലാണെന്ന് തോന്നി

എന്റെ API 4 ms-ൽ പ്രതികരിച്ചെങ്കിലും നാവിഗേഷൻ ഇപ്പോഴും സാവധാനത്തിലാണെന്ന് തോന്നി. SvelteKit-ഉം Rust API-യും ഉപയോഗിച്ച് നിർമ്മിച്ച ഒരു പ്രോജക്റ്റ് മാനേജ്‌മെന്റ് ആപ്പ് ഞാൻ ഡീബഗ് ചെയ്യുകയായിരുന്നു...

WebDev · 2 min read

AI കോഡ് എഴുതുന്നു, പക്ഷേ "പൂർത്തിയായി" എന്ന് നിർവചിക്കാൻ അതിന് കഴിയില്ല.

AI കോഡ് എഴുതുന്നു, പക്ഷേ "പൂർത്തിയായി" എന്ന് നിർവചിക്കാൻ അതിന് കഴിയില്ല. ഞാൻ ഒരു AI സ്ലൈഡ് ഡെക്ക് ജനറേറ്റർ നിർമ്മിച്ചു. നിങ്ങൾ ഒരു വിഷയം ടൈപ്പ് ചെയ്താൽ ഒരു പ്രസന്റേഷൻ ലഭിക്കും. AI ഡെമോ ഉടനടി പ്രവർത്തിച്ചു. അത്...

WebDev · 2 min read