GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

কোনো কোডিং অভিজ্ঞতা ছাড়াই 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

DMARC ব্যর্থতা সমাধান করুন: From হেডার মেলানোর জন্য Return-Path বা DKIM সামঞ্জস্যপূর্ণ করুন

SPF এবং DKIM-এ সবুজ টিক চিহ্ন থাকা সত্ত্বেও, Return-Path বা DKIM সাইনিং ডোমেইন যদি দৃশ্যমান From অ্যাড্রেসের সাথে না মেলে, তবে DMARC ব্যর্থ হতে পারে। র (raw) হেডারে এই অমিল বা মিসঅ্যালাইনমেন্ট কীভাবে শনাক্ত করবেন এবং তা কীভাবে সংশোধন করবেন তা শিখুন।

WebDev · 3 min read

আর্থিক তথ্য এআই (AI) দ্বারা মুছে ফেলা রোধ করতে MCP সার্ভারে যুক্ত হলো 'হিউম্যান টোকেন গেট'

আমি একটি এআই (AI) বাজেট এজেন্টকে একটি MCP সার্ভারের মাধ্যমে কাজ করতে দিয়েছিলাম, এবং এটি একটি মাত্র কমান্ডেই এক বছরের লেনদেনের ইতিহাস মুছে ফেলতে পারত। টুল লেয়ারে থাকা একটি হার্ড-কোডেড সেফটি চেক এই মুছে ফেলা প্রক্রিয়াটি আটকে দেয়, যা প্রমাণ করে যে নিয়ম প্রয়োগ করার সঠিক জায়গা হলো এপিআই (API), প্রম্পট (prompt) নয়।

WebDev · 7 min read

আপনি যদি কখনও কোনো PDF থেকে বোল্ড বা ইটালিক টেক্সট বের করার চেষ্টা করে থাকেন, তবে আপনি সম্ভবত একটি রেজেক্স (regex) দিয়ে শুরু করেছিলেন। এটি মনে হয় স্পষ্ট...

আপনি যদি কখনও কোনো PDF থেকে বোল্ড বা ইটালিক টেক্সট বের করার চেষ্টা করে থাকেন, তবে আপনি সম্ভবত একটি রেজেক্স (regex) দিয়ে শুরু করেছিলেন। এটিই সবচেয়ে স্বাভাবিক পদক্ষেপ বলে মনে হয়। ফন্টের নামের মধ্যে “Bold” শব্দটি খুঁজুন, ফ্ল্যাগ...

WebDev · 6 min read

ফোনে লার্জ ল্যাঙ্গুয়েজ মডেল চালানো এখন আর কোনো গবেষণামূলক পরীক্ষা নয়। এটি এখন বাস্তবায়নের একটি বাস্তবতা। তবুও ম

ফোনে লার্জ ল্যাঙ্গুয়েজ মডেল চালানো এখন আর কোনো গবেষণামূলক পরীক্ষা নয়। এটি এখন বাস্তবায়নের একটি বাস্তবতা। তবুও আপনি যখন একটি সাধারণ ডেমো থেকে একটি প্রকৃত পণ্যের দিকে এগিয়ে যান, তখন ল্যাটেন্সি...

WebDev · 3 min read

আমার MCP সার্ভারটি হঠাৎ করেই কাজ করা বন্ধ করে দিত। কোনো ক্র্যাশ ডাম্প বা লগগুলোতে কোনো স্ট্যাক ট্রেস ছিল না। ক্লায়েন্টরা কোনো অভিযোগ ছাড়াই সংযুক্ত ছিল।

আমার MCP সার্ভারটি হঠাৎ করেই কাজ করা বন্ধ করে দিত। কোনো ক্র্যাশ ডাম্প বা লগগুলোতে কোনো স্ট্যাক ট্রেস ছিল না। ক্লায়েন্টরা কোনো অভিযোগ ছাড়াই সংযুক্ত ছিল, তারপর কয়েক ঘণ্টা পর পুরো সিস্টেমটিই নিশ্চুপ হয়ে গেল। অনুরোধ...

WebDev · 6 min read

আমি একটি নোটবুক দিয়ে শুরু করেছিলাম। কোনো টেক্সট এডিটর বা মার্কডাউন ফাইল নয়, বরং কমান্ডে ভরা একটি স্পাইরাল বাইন্ড করা কাগজের নোটবুক।

আমি একটি নোটবুক দিয়ে শুরু করেছিলাম। কোনো টেক্সট এডিটর বা মার্কডাউন ফাইল নয়, বরং এমন একটি স্পাইরাল বাইন্ড করা কাগজের নোটবুক যা আমি না বোঝা সব কমান্ডে ভরা ছিল। আমি লিখেছিলাম , , , , এবং । আমি স্তূপ করে রেখেছিলাম...

WebDev · 4 min read