GyaanSetu WebDev

Frontend, backend and devops for the modern web.

209 articlesDeep, practical knowledge

টার্মিনালে React Hooks রিফ্যাক্টর করে OpenCode স্প্রিন্টের এক ঘণ্টা সময় বাঁচালো

দুই সপ্তাহের একটি ট্রায়ালে, OpenCode কমান্ড লাইনের মাধ্যমেই এগারোটি কম্পোনেন্টে একটি React hook-এর নাম পরিবর্তন করেছে, সফল pytest ফাইল তৈরি করেছে এবং npm প্যাকেজগুলো আপগ্রেড করেছে—যার ফলে টিমের পছন্দের এডিটরগুলো ব্যবহার করেই স্প্রিন্টের প্রায় এক ঘণ্টার কাজ বেঁচে গেছে।

WebDev · 4 min read

Illegal Instruction ফিক্স করা হয়েছে: অ্যান্ড্রয়েডে Vite-এর বাগটি মার্জ করা হয়েছে

Illegal Instruction ফিক্স করা হয়েছে: অ্যান্ড্রয়েডে Vite-এর বাগটি মার্জ করা হয়েছে। অ্যান্ড্রয়েডে Vite-এর বাগটি ফিক্স করা হয়েছে। গত দশ মাস ধরে, অ্যান্ড্রয়েড arm64-এ Termux ব্যবহারকারী ডেভেলপাররা ক্রমাগত ক্র্যাশ সমস্যার সম্মুখীন হচ্ছিলেন। যখন...

WebDev · 3 min read

TechForge সতর্ক করছে যে প্রাথমিক পর্যায়ের মাইক্রোসার্ভিসগুলো ল্যাটেন্সি-ভারী ডিস্ট্রিবিউটেড মনোলিথে পরিণত হচ্ছে

নির্দেশিকাটি দেখায় যে অনেক স্টার্টআপ একটি মাত্র শেয়ার্ড ডিবি (DB) ব্যবহার করেও তাদের কোডবেসকে “মাইক্রো-সার্ভিস-ভিত্তিক” হিসেবে চিহ্নিত করে, যা এমন টাইটলি-কাপলড মডিউল তৈরি করে যা এখনও নেটওয়ার্ক ল্যাটেন্সির সমস্যায় ভোগে। শুধুমাত্র তখনই একটি সার্ভিস আলাদা করুন যখন প্রকৃত স্কেলিং বা ওনারশিপের প্রয়োজন দেখা দেয়।

WebDev · 5 min read

ক্লাউডফ্লেয়ারের ওয়ান-ক্লিক এজ টগল যেকোনো সাইটকে এআই-এজেন্ট প্রস্তুত করে তোলে

নতুন “Browser Run → Agent Readiness” সুইচটি আউটগোয়িং HTML-এ একটি ছোট জাভাস্ক্রিপ্ট পেলোড যুক্ত করে, যা স্বয়ংক্রিয়ভাবে সাইটটিকে WebMCP-তে নিবন্ধন করে এবং দুটি তৈরি টুল প্যাক প্রদান করে – কন্টেন্ট ক্রেডেনশিয়ালস এবং একটি সাইট MCP সার্ভার প্রক্সি।

WebDev · 3 min read

রোবট প্রশিক্ষণের খরচ কমাতে World Labs চালু করল Real-to-Sim-to-Real পাইপলাইন

সাম্প্রতিক একটি a16z পডকাস্টে, ফেই-ফেই লি এবং ইউনজু লি ব্যাখ্যা করেছেন কীভাবে World Labs-এর SceniX গুদামঘর, রেস্তোরাঁ এবং হোটেলের নিখুঁত ডিজিটাল টুইন তৈরি করে, যা রোবটদের বাস্তব পরিবেশে কাজ শুরু করার আগে সিমুলেশনে বিভিন্ন কাজ মহড়া দিতে সাহায্য করে।

WebDev · 3 min read

ChatGPT ট্রাফিকের জন্য সাইটেশন বট চালু রেখে কীভাবে ট্রেনিং বট বন্ধ করবেন

GPTBot-এর জন্য একটি সাধারণ “Disallow: /” শুধুমাত্র ট্রেনিং ক্রলারটিকে ব্লক করে; কিন্তু সাইটেশন বটগুলো, যা ChatGPT-এর উত্তর প্যানে আপনার পেজগুলোকে প্রদর্শন করে, সেগুলো সক্রিয় থাকে। GPTBot এবং ClaudeBot-কে বাধা দেওয়ার পাশাপাশি OAI-SearchBot, ChatGPT-User এবং তাদের সমগোত্রীয় বটগুলোকে অনুমতি দিতে সুনির্দিষ্ট robots.txt নিয়ম অথবা Cloudflare-এর AI Crawl Control ব্যবহার করুন।

WebDev · 4 min read

পাঁচটি সহজ ধাপে শপিফাই-এ ডুপ্লিকেট প্রোডাক্ট JSON-LD ঠিক করার উপায়

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

WebDev · 1 min read

Whisper নিজে হোস্ট করা বনাম API ব্যবহারের প্রকৃত খরচ

Whisper নিজে হোস্ট করা বনাম API ব্যবহারের প্রকৃত খরচ। আপনার টিম AssemblyAI-এর বিল দেখছে। কেউ একজন জিজ্ঞেস করল: "টাকা বাঁচাতে আমরা কেন Whisper নিজেই হোস্ট করছি না?" এটি শুনতে সহজ মনে হয়। একটি ডাউনলোড...

WebDev · 3 min read

SMS বোম্বিং সিম-সোয়াপ অ্যালার্ট ঢেকে দেয়, ফলে আক্রমণকারীরা কোনো আগাম সতর্কতা ছাড়াই নম্বর হাইজ্যাক করতে পারে

একজন ভিকটিম মাত্র দশ মিনিটে চারশটি ভেরিফিকেশন টেক্সট পেয়েছিলেন; এই কৌশলটি কেবল ফোনকেই অচল করে দেয় না, বরং চলমান ব্যাংক চুরি এবং সিম-সোয়াপ দখলকেও আড়াল করে ফেলে, যা ব্যবহারকারী এবং ডেভেলপার উভয়কেই দ্রুত পদক্ষেপ নিতে বাধ্য করে।

WebDev · 3 min read

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

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

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