GyaanSetu WebDev

Frontend, backend and devops for the modern web.

230 articlesDeep, practical knowledge

ব্যাকগ্রাউন্ড ইনডেক্সিং চলাকালীনও প্রায়োরিটি কিউ মোবাইল চ্যাট অ্যাপের গতি বজায় রাখতে সাহায্য করে

শিডিউলারের তিনটি উপাদান—প্রায়োরিটি কিউ, প্রিম্পশন কন্ট্রোলার এবং টোকেন-বাজেট গভর্নর—একটি ফোরগ্রাউন্ড চ্যাট রিকোয়েস্টকে ব্যাকগ্রাউন্ড কাজের আগে এগিয়ে যেতে দেয়, যার ফলে স্থগিত থাকা কাজগুলোকে বন্ধ না করেই রেসপন্স টাইম ১,৪২০ মিলি-সেকেন্ড থেকে কমে ১৬১ মিলি-সেকেন্ডে নেমে আসে।

WebDev · 3 min read

Open Interpreter LLM-কে লোকালি কোড চালানোর সুযোগ দেয়, যা ক্লাউড খরচ কমায় এবং গোপনীয়তা বৃদ্ধি করে

লার্জ ল্যাঙ্গুয়েজ মডেলগুলোকে ব্যবহারকারীর মেশিনে শেল কমান্ড প্রদান এবং স্ক্রিপ্ট চালানোর অনুমতি দিয়ে, Open Interpreter ব্যয়বহুল ক্লাউড API-এর প্রয়োজনীয়তা দূর করে এবং সংবেদনশীল ফাইলগুলো লোকাল মেশিনে সুরক্ষিত রাখে, তবে এটি ডেভেলপারদের স্যান্ডবক্স এবং কনসেন্ট ফ্লো তৈরি করতেও বাধ্য করে।

WebDev · 2 min read

ফলাফল-ভিত্তিক মূল্য নির্ধারণের মাধ্যমে নতুন আউটসোর্সিং চুক্তির ৪৩% নিয়ন্ত্রণ করছে এআই কোডিং এজেন্ট

২০২৬ সালের মধ্যে স্বয়ংক্রিয় এজেন্টগুলো মানুষের হস্তক্ষেপ ছাড়াই ফিচার বিশ্লেষণ, কোড লেখা, টেস্ট চালানো এবং পুল রিকোয়েস্ট ওপেন করার মতো কাজগুলো করতে পারবে, যা কোম্পানিগুলোকে ঘণ্টা হিসেবে বিল করার পরিবর্তে যাচাইকৃত ফলাফলের ভিত্তিতে অর্থ প্রদানের দিকে নিয়ে যাচ্ছে।

WebDev · 3 min read

RamenHire-এর ইমেল বাগ প্রতিটি নিয়োগ সংক্রান্ত সতর্কতা বা অ্যালার্টকে একটি ফিশিং হুকে পরিণত করেছে

এই ত্রুটির কারণে যেকোনো আবেদনকারী HTML ইমেল টেমপ্লেটে একটি ভুয়া "verify" লিঙ্ক ইনজেক্ট করতে পারতেন; পেলোডটি জব লিস্টিংয়ের সাথে সংরক্ষিত হতো এবং পরবর্তী প্রতিটি নোটিফিকেশনে দেখা যেত, যতক্ষণ না একটি নতুন escapeHtml হেল্পার যোগ করা হলো এবং ইউনিট ও লাইভ উভয় টেস্টের মাধ্যমে এই সমস্যার সমাধান নিশ্চিত করা হলো।

WebDev · 3 min read

আমার নিজের কোড পরীক্ষা করা: কন্ট্রাক্ট টেস্টিং কী প্রকাশ করল

আমার নিজের কোড পরীক্ষা করা: কন্ট্রাক্ট টেস্টিং কী প্রকাশ করল। আমি ভেবেছিলাম আমার Zerodha ক্লোনটি শেষ হয়ে গেছে। এটি ছিল একটি MERN স্ট্যাক প্রজেক্ট যার ব্যাকএন্ডে ছিল Node, ফ্রন্টএন্ডে React, এবং সাথে ছিল MongoDB ও Razorpay…

WebDev · 3 min read

বিনামূল্যে গ্লোবাল ইনডেক্স: ৩,৮০৪টি বন্দর এবং ৯,৬৪০টি বিমানবন্দরের তালিকা – কোনো সাইন-আপের প্রয়োজন নেই

সাইটটি NGA World Port Index, UN/LOCODE এবং OurAirports থেকে তথ্য সংগ্রহ করে, তথ্যের অসঙ্গতি দূর করে এবং জাহাজ ও রানওয়ে-বিমান সংক্রান্ত ম্যাপিং যোগ করে; যা একটি Next.js স্ট্যাটিক বিল্ডের মাধ্যমে কোনো চলমান কম্পিউটিং খরচ ছাড়াই প্রদান করা হয়।

WebDev · 4 min read

Generics-এ Literal Widening রোধ করতে TypeScript-এ যুক্ত হলো Const Type Parameters

টাইপ প্যারামিটারে নতুন const মডিফায়ারটি কম্পাইলারকে সবচেয়ে সংকীর্ণ (narrowest) টাইপটি ইনফার (infer) করতে নির্দেশ দেয়, ফলে "GET"-এর মতো লিটারেলগুলো ফাংশন বাউন্ডারি অতিক্রম করার পরেও লিটারেল হিসেবেই থাকে; এর ফলে বারবার 'as const' কাস্ট করার প্রয়োজন আর পড়ে না।

WebDev · 3 min read

কোনো কোডিং অভিজ্ঞতা ছাড়াই AI লো-কোড ব্যবহার করে PowerPulse লঞ্চ করলেন ঘানািয়ান ডেভেলপার

PowerPulse-এর মাধ্যমে ঘানার যে কেউ বিদ্যুৎ বিভ্রাট রিপোর্ট করতে পারবেন, লাইভ ফিড দেখতে পারবেন এবং অবদানের জন্য পয়েন্ট অর্জন করতে পারবেন। Next.js, Tailwind, Supabase দিয়ে তৈরি এবং Vercel-এ হোস্ট করা এই অ্যাপটির লক্ষ্য হলো AI-চালিত প্রেডিকশন এবং পুশ নোটিফিকেশন যুক্ত করার মাধ্যমে এর কোল্ড-স্টার্ট সমস্যা কাটিয়ে ওঠা।

WebDev · 3 min read

Rust রিরাইটের মাধ্যমে pnpm v12 ওয়ার্ম ইনস্টল টাইম ৩৮১ ms থেকে কমিয়ে মাত্র ১২ ms-এ নিয়ে এসেছে

"pacquet" নামে পরিচিত এই রিরাইটটি সব ফ্ল্যাগ এবং লকফাইল ফরম্যাট অপরিবর্তিত রেখে Node.js বুটস্ট্র্যাপের পরিবর্তে একটি সিঙ্গেল-থ্রেডেড Rust বাইনারি ব্যবহার করে। ডেভেলপাররা আজই `pnpm self-update next-12` কমান্ডের মাধ্যমে এটি ব্যবহার শুরু করতে পারেন এবং তাদের CI পাইপলাইনে এর প্রভাব পরীক্ষা করে দেখতে পারেন।

WebDev · 2 min read

মাত্র দুই সপ্তাহে REST বাদ দিয়ে tRPC ব্যবহার করে API ওভারহেড কমিয়ে ফেললেন ডেভেলপার

এই মাইগ্রেশনের ফলে OpenAPI স্পেক, 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

GPU ঘণ্টা অপচয় করা বন্ধ করুন: কখন প্রম্পটিং, RAG, নাকি ফাইন-টিউনিং ব্যবহার করবেন?

এই নির্দেশিকাটি তিনটি মূল পদ্ধতি—প্রম্পটিং, রিট্রিভাল-অগমেন্টেড জেনারেশন (RAG), এবং ফাইন-টিউনিং—বিশ্লেষণ করে। এটি আপনাকে শেখাবে কীভাবে জ্ঞানের ঘাটতি এবং আচরণের ঘাটতির মধ্যে পার্থক্য করতে হয় এবং কম্পিউট খরচে অতিরিক্ত ব্যয় করার আগে সঠিক টুলটি বেছে নেওয়ার জন্য একটি তিন-ধাপের চেকলিস্ট প্রদান করে।

WebDev · 4 min read

Auto-Animate লঞ্চ করল Marko 6 অ্যাডাপ্টার, মাত্র একটি ট্যাগ দিয়েই লিস্ট অ্যানিমেট করুন

নতুন এই অ্যাডাপ্টারটি Marko-র onMount লাইফসাইকেলের সাথে যুক্ত হয়, একটি MutationObserver তৈরি করে এবং auto-animate-এর ইঞ্জিন পরিচালনা করে, যাতে ডেভেলপাররা কোনো অতিরিক্ত জাভাস্ক্রিপ্ট ছাড়াই একটি লিস্টের চারপাশে <auto-animate> ব্যবহার করে মসৃণ এন্ট্রি, এক্সিট এবং রিয়ার্ডার (reorder) ইফেক্ট পেতে পারেন।

WebDev · 3 min read

ES2023 যুক্ত করেছে নন-মিউটেটিং অ্যারে মেথড, যা React-কে তাৎক্ষণিকভাবে স্টেট পরিবর্তন শনাক্ত করতে সাহায্য করবে

চারটি নতুন মেথড—`toSorted`, `toReversed`, `toSpliced` এবং `with`—নতুন অ্যারে রিটার্ন করে, ফলে React-এর shallow-compare একটি নতুন রেফারেন্স পায় এবং আগে যে স্প্রেড-অপারেটর (spread-operator) হ্যাকগুলো ব্যবহার করে আপডেট নিশ্চিত করতে হতো, সেগুলো ছাড়াই এটি রেন্ডার হতে পারে।

WebDev · 4 min read

TypeScript 7-এ আপগ্রেড করবেন? ১০ গুণ পর্যন্ত দ্রুত চেক আশা করতে পারেন, তবে আপনার CI ফেইল হওয়ার দিকে খেয়াল রাখুন

নতুন Go-ভিত্তিক tsgo ইঞ্জিন ১০ গুণ পর্যন্ত দ্রুত বিল্ড প্রদান করে, কিন্তু এর পরিবর্তনশীল প্রোগ্রাম্যাটিক API জনপ্রিয় টুলগুলোর কার্যকারিতা নষ্ট করছে। 7.1 API ফ্রিজ না হওয়া পর্যন্ত, বিল্ডের জন্য TS 6.x ব্যবহার করা এবং দ্রুত চেকের জন্য @typescript/native-preview ব্যবহার করা উচিত।

WebDev · 3 min read

জুনিয়র ডেভেলপার পাইথন ডকার ইমেজ ৯৩% কমিয়ে ৮৫ এমবি-তে নিয়ে এল, সিআই (CI) সময় কমিয়ে আনল মাত্র ৯০ সেকেন্ডে

ডিফল্ট python:latest থেকে python:alpine-এ একটি তিন-ধাপের মাল্টি-স্টেজ বিল্ড ব্যবহার করার মাধ্যমে, ডেভেলপার ইমেজটিকে ১.২ জিবি থেকে কমিয়ে ৮৫ এমবি-তে নিয়ে এসেছেন। এর ফলে পাইপলাইন রানটাইম ১১ মিনিট থেকে কমে মাত্র ৯০ সেকেন্ডে দাঁড়িয়েছে, পাশাপাশি স্টোরেজ খরচ এবং অ্যাটাক সারফেসও হ্রাস পেয়েছে।

WebDev · 3 min read