GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

নেটওয়ার্ক এপিআই ভুলভাবে পড়ার ফলে ধীরগতির নেটওয়ার্কে ব্রাউজার পাইথন প্লেগ্রাউন্ড ক্র্যাশ করেছে

৩জি বা ধীরগতির সংযোগ ব্যবহারকারী ইউজারদের জন্য ৫.৫ এমবি-র ইন-ব্রাউজার পাইথন রানটাইমটি নিঃশব্দে টাইম-আউট হয়ে গিয়েছিল; কারণ ক্রোম-এর নেটওয়ার্ক ইনফরমেশন এপিআই একটি প্লেসহোল্ডার ডাউনলিঙ্ক ভ্যালু প্রদান করেছিল যেটিকে কোডটি দ্রুত গতি হিসেবে গণ্য করেছিল, যা পরবর্তীতে একের পর এক ভুল বিশ্লেষণের সূত্রপাত ঘটায়।

WebDev · 3 min read

ক্লিনআপ স্ক্রিপ্ট ডজন ডজন নিবন্ধ থেকে কোড স্নিপেট মুছে ফেলেছে

একটি রুটিন রক্ষণাবেক্ষণ কাজের সময় Liquid-এর {% raw %} ট্যাগগুলোকে ভুলবশত অসম্পূর্ণ ভেরিয়েবল হিসেবে শনাক্ত করা হয়, যার ফলে যে নিবন্ধগুলোতে এগুলো ব্যবহার করা হয়েছিল সেগুলোর আশেপাশের কোড ব্লকগুলো মুছে যায়। এর ফলে জরুরি ভিত্তিতে রোলব্যাক করতে হয়েছে এবং মাইগ্রেশন টেস্টিং পদ্ধতি নিয়ে নতুন করে ভাবার প্রয়োজন দেখা দিয়েছে।

WebDev · 3 min read

স্টেটলেস MCP ডেভেলপারদের ক্লাউডফ্লেয়ার-এ বিনামূল্যে মার্কডাউন সার্ভ করার সুযোগ দেয়

বেঞ্চমার্ক অনুযায়ী দেখা গেছে যে, রিড-অনলি MCP সার্ভারটি মূল এন্ডপয়েন্টগুলোতে মাত্র ০-১ মিলি-সেকেন্ড CPU ব্যবহার করে, যা ক্লাউডফ্লেয়ারের প্রতি-অনুরোধের ১০ মিলি-সেকেন্ডের সীমার অনেক নিচে; তবে নেটওয়ার্ক ল্যাটেন্সির কারণে মোট সময় ~৮৮ মিলি-সেকেন্ড পর্যন্ত হতে পারে।

WebDev · 2 min read

হার্মিস এজেন্ট এআই অটোমেশনের পথ প্রশস্ত করছে, তবে নিরাপত্তার ভার ডেভেলপারদের ওপর চাপিয়ে দিচ্ছে

হার্মিস এজেন্টের মডুলার ডিজাইন ল্যাঙ্গুয়েজ মডেল, অর্কেস্ট্রেশন কোর এবং এক্সিকিউটেবল টুলসগুলোকে আলাদা রাখে, যা আপনাকে স্ক্রিপ্ট, REST কল বা ডকার কমান্ড যুক্ত করার সুবিধা দেয়—তবে এর পাশাপাশি এজেন্টটিকে স্যান্ডবক্স করা এবং API কী সুরক্ষিত রাখা আপনার জন্য আবশ্যক।

WebDev · 3 min read

Browser-Use এবং Steel LLM এজেন্টদের অর্ধেক খরচে সাইটের রিডিজাইন সামলে নিতে সাহায্য করে

ভঙ্গুর CSS সিলেক্টরগুলোর পরিবর্তে LLM-চালিত রিজনিং ব্যবহারের মাধ্যমে, নতুন এই স্ট্যাক—Browser-Use, Stagehand, Steel এবং Playwright MCP—পেজ পরিবর্তন হলেও স্ক্রিপ্টগুলোকে সচল রাখে এবং ফিল্টার করা DOM, ARIA স্ন্যাপশট ও ভিশন শর্টকাটের মাধ্যমে টোকেন খরচ কমিয়ে আনে।

WebDev · 3 min read

Astro 7 আপগ্রেডে ম্যাথ, হেডিং লিঙ্ক এবং কাস্টম অপশনে সমস্যা – কীভাবে এটি ঠিক করবেন

Astro 7 এখন Rust-ভিত্তিক Sätteri markdown ইঞ্জিন ব্যবহার করে, যা HTML-AST প্লাগইনগুলোর আগে সিনট্যাক্স হাইলাইটিং চালায়। এই পরিবর্তনের ফলে $$...$$ ব্লকগুলোকে ভুলবশত কোড হিসেবে গণ্য করা হচ্ছে, হেডিং-স্লাগ প্লাগইনগুলো আইডি (ID) তৈরি করতে পারছে না এবং আপনার দেওয়া যেকোনো নন-স্ট্যান্ডার্ড মার্কডাউন সেটিংসও বাদ পড়ে যাচ্ছে।

WebDev · 4 min read

সাবস্ট্রিং অ্যালোকেশন হট লুপে ৭.৮ এমবি নষ্ট করেছে – স্প্যান লুকআপে পরিবর্তন করুন

একটি প্রোফাইলার প্রকাশ করেছে যে, সাবস্ট্রিং-এর মাধ্যমে প্রতিটি ডিকশনারি লুকআপের জন্য নতুন স্ট্রিং তৈরি করার ফলে ৭.৮ এমবি গারবেজ অ্যালোকেট হচ্ছিল। ReadOnlySpan<char>-এর সাথে .NET 9-এর GetAlternateLookup ব্যবহার করলে এই অ্যালোকেশন দূর হয় এবং লুপের গতি ১.৫ গুণ বৃদ্ধি পায়।

WebDev · 1 min read

১৭৭ এমবি আপলোডে FastPix সবাইকে ছাড়িয়ে গেছে, অন্যদিকে ৬৫ এমবি টেস্টে জয়ী হয়েছে Cloudinary

একটি ১০ এমবিপিএস (throttled) লিঙ্কে Node.js হারনেস আপলোডের মোট সময় এবং রেডি হওয়ার সময় উভয়ই পরিমাপ করেছে; এতে দেখা গেছে ১৭৭ এমবি ফাইলের ক্ষেত্রে FastPix সবচেয়ে দ্রুত এবং ৬৫ এমবি ক্লিপের জন্য Cloudinary মাত্র ২ সেকেন্ডে রেডি স্টেট প্রদান করেছে, যেখানে Mux কোল্ড-স্টার্ট ফ্রেমের ক্ষেত্রে সেরা পারফরম্যান্স দেখিয়েছে।

WebDev · 3 min read

একটি মাত্র ISP বিভ্রাট কীভাবে একজন রিমোট ইঞ্জিনিয়ারের কাজের দিন স্থবির করে দিতে পারে – এবং তা প্রতিরোধের উপায়

সার্ভার ক্র্যাশের মতো একটি মাত্র ISP বিভ্রাট একজন রিমোট ডেভেলপারকে ঘণ্টার পর ঘণ্টা অফলাইনে রাখতে পারে। বিদ্যুৎ খরচ পরিমাপ করা, একটি UPS ব্যবহার করা এবং 4G/5G হটস্পট ব্যাকআপসহ একটি ডুয়াল-WAN রাউটার ইনস্টল করার মাধ্যমে আপনি আপনার RTO বজায় রাখতে পারেন এবং নিরবচ্ছিন্নভাবে কোডিং চালিয়ে যেতে পারেন।

WebDev · 2 min read

অনির্ভরযোগ্য টেস্ট আপনার CI-কে ক্ষতিগ্রস্ত করছে – পাস রেটের পরিবর্তে 'Failure Trust Metrics'-এ গুরুত্ব দিন

টিমগুলো উচ্চ পাস পার্সেন্টেজ অর্জনের পেছনে ছুটলেও, অনির্ভরযোগ্য ব্যর্থতাগুলো আসল বাগগুলোকে আড়াল করে ফেলে। ফেইলর রিকারেন্স, ডিফেক্ট ডিটেকশন রেট, রিট্রাই ডিপেন্ডেন্স এবং টাইম-টু-ডায়াগনোসিস ট্র্যাক করার মাধ্যমে, আপনি সেই বিভ্রান্তিকর লাল বক্সগুলোকে নির্ভরযোগ্য সংকেতে পরিণত করতে পারেন যা প্রকৃতপক্ষে রিলিজ পরিচালনায় সঠিক নির্দেশনা দেবে।

WebDev · 4 min read

LLM শুধুমাত্র JSON রিকোয়েস্ট তৈরি করে – আপনার কোড কাজটি সম্পন্ন করে

মডেলটি কখনোই আপনার ফাংশনটি সরাসরি চালায় না; এটি একটি সুসংগঠিত রিকোয়েস্ট প্রদান করে যা আপনার ডিসপ্যাচার যাচাই করে, অনুমোদন দেয় এবং সবশেষে কার্যকর করে। এই হ্যান্ড-অফ প্রক্রিয়াটি সঠিকভাবে বোঝা বাগ (bug) সমাধান এবং অননুমোদিত পার্শ্বপ্রতিক্রিয়া রোধ করার জন্য অত্যন্ত জরুরি।

WebDev · 4 min read

বাগ A/B এক্সপোজার কাউন্টারকে পেজ-ভিউ কাউন্টারে পরিণত করেছে, যা ৫০/৫০ বিভাজনকে অসামঞ্জস্যপূর্ণ করে তুলেছে

রুট লেআউটের একটি শেয়ারড ফাংশন প্রতিটি পেজ ভিউকে নতুন এক্সপোজার হিসেবে লগ করছিল, যার ফলে সঠিকভাবে র‍্যান্ডমাইজ করা ৫০/৫০ বিভাজনটি ১৭৮-থেকে-৫৭ অনুপাতে অসামঞ্জস্যপূর্ণ হয়ে পড়ে এবং কয়েক সপ্তাহের কনভার্সন ডেটা অকার্যকর হয়ে যায়।

WebDev · 3 min read

একটি লুকানো স্প্যাম ফিল্ড সমস্ত আরবি পেজ ইমপ্রেশন মুছে ফেলেছে, যার ফলে ডিবাগিং করতে ঘণ্টার পর ঘণ্টা সময় ব্যয় হয়েছে

একটি হানিপট আমার আরবি পেজগুলোকে নষ্ট করে দিয়েছে। Convertica সাতটি ভাষায় চলে। ছয়টি ভাষা বাম থেকে ডানে পড়া হয়, কিন্তু আরবি পড়া হয় ডান থেকে বামে। এই পার্থক্যের কারণে আমার ডিবাগিং করতে ঘণ্টার পর ঘণ্টা সময় লেগেছে। প্রতিটি আরবি...

WebDev · 1 min read

E-commerce Sites Can Escape Facet Crawl Traps by Blocking Low-Value URLs

An audit found Googlebot hitting filter URLs three times daily while main categories were crawled once every three weeks, causing fresh inventory to sit invisible for weeks. By classifying facets, using canonicals, blocking low-value URLs, and rendering filters as buttons, sites trimmed indexing tim

WebDev · 3 min read

ক্লাউডফ্লেয়ার বট ফাইট মোডের একটি ক্লিক একটি SaaS API-কে এক মাসের জন্য অচল করে দিল

ডেভেলপারের API ট্রাফিক হঠাৎ অদৃশ্য হয়ে গিয়েছিল কারণ ক্লাউডফ্লেয়ার তার নিজস্ব AWS Lambda কলব্যাকগুলোকে বট হিসেবে চিহ্নিত করেছিল। অ্যাপে কোনো ত্রুটি দেখা না যাওয়ায়, বট ফাইট টগলটি নিষ্ক্রিয় না করা পর্যন্ত সপ্তাহের পর সপ্তাহ ব্যবহারের মেট্রিক্স একদম স্থির হয়ে ছিল।

WebDev · 3 min read

এআই সর্বসম্মতির মিথ ভেঙে চুরমার: ১০টি মডেল, ৫টি স্লট, ২৯টি অনন্য উত্তর

রোমানিয়ার সেরা লাক্সারি ওয়েডিং-রিং নির্মাতাদের সম্পর্কে জানতে এই পরীক্ষায় দশটি শীর্ষস্থানীয় LLM-কে প্রশ্ন করা হয়েছিল। ৫০টি রিকমেন্ডেশন স্লটে তারা ২৯টি ভিন্ন ব্র্যান্ডের নাম দিয়েছে, যার মধ্যে ৬৬% ব্র্যান্ড কেবল একটি মডেলেই দেখা গেছে; এটি প্রকাশ করে যে কীভাবে ডেটা পাইপলাইন ব্র্যান্ডের দৃশ্যমানতা নিয়ন্ত্রণ করে।

WebDev · 2 min read

রিভিউ করার সময় কমাতে GitHub 'স্ট্যাকড পুল রিকোয়েস্ট'-এর পাবলিক প্রিভিউ চালু করেছে

এই প্রিভিউটির মাধ্যমে আপনি নির্ভরশীল পুল রিকোয়েস্টের একটি চেইন তৈরি করতে পারবেন—যেখানে প্রতিটি রিকোয়েস্ট পূর্ববর্তীটির ওপর ভিত্তি করে তৈরি হবে। এর ফলে রিভিউয়াররা শুধুমাত্র নির্দিষ্ট স্তরের প্রাসঙ্গিক পরিবর্তনগুলো দেখতে পাবেন, যা রিভিউ করার অতিরিক্ত চাপ এবং মার্জ কনফ্লিক্ট (merge conflicts) নাটকীয়ভাবে কমিয়ে দেয়।

WebDev · 2 min read

জটিলতা এবং ধীরগতির কারণে TanStack React Server Components বাদ দিচ্ছে

TanStack টিম দেখেছে যে RSC ডিবাগ করার জন্য একটি আলাদা মেন্টাল মডেলের প্রয়োজন ছিল এবং শুধুমাত্র সার্ভার-সাইড এক্সিকিউশন অনেক থার্ড-পার্টি লাইব্রেরির সাথে সামঞ্জস্যতা নষ্ট করছিল, যা তাদের একটি সহজ ক্লায়েন্ট-অনলি আর্কিটেকচার বেছে নিতে বাধ্য করেছে।

WebDev · 2 min read

গবেষণায় দেখা গেছে, মাত্র ৪৭% DMARC-সক্ষম ডোমেইন প্রকৃতপক্ষে পলিসি প্রয়োগ করে

ইমেল নিরাপত্তার বিভ্রম। অনেকে মনে করেন ইমেল অথেন্টিকেশন এখন একটি সমাধান করা সমস্যা। তাদের দাবি, গুগল এবং ইয়াহুর নিয়মাবলী ইন্টারনেটকে নিরাপদ করেছে। কিন্তু তথ্য ভিন্ন কথা বলছে। W…

WebDev · 1 min read