Site Stack যেকোনো ওয়েবসাইট স্ক্যান করে এবং এর সম্পূর্ণ টেকনোলজি স্ট্যাক শনাক্ত করে — যেমন ফ্রন্টএন্ড ফ্রেমওয়ার্ক (React, Vue, Angular, Svelte), মেটা-ফ্রেমওয়ার্ক (Next.js, Nuxt, SvelteKit), CMS প্ল্যাটফর্ম (WordPress, Shopify), অ্যানালিটিক্স টুলস (Google Analytics, Hotjar), CDN (Cloudflare, Vercel) এবং আরও অনেক কিছু। শনাক্ত করা সব টেকনোলজি নাম, ভার্সন এবং আইকনসহ আলাদা আলাদা ক্যাটাগরিতে একটি প্যানেলে প্রদর্শিত হয়।
একটি ওয়েবসাইট কোন টেকনোলজি ব্যবহার করছে তা বোঝা প্রতিযোগিতামূলক বিশ্লেষণ (competitive analysis), শেখা, নিয়োগের সিদ্ধান্ত এবং সম্ভাব্য গ্রাহক খোঁজার (sales prospecting) জন্য অত্যন্ত মূল্যবান। BuiltWith এবং Wappalyzer-এর মতো সার্ভিসগুলো এই সুবিধা দেয়, কিন্তু সেগুলোর জন্য আলাদা ওয়েবসাইটে যেতে হয় বা ডেডিকেটেড এক্সটেনশন ইনস্টল করতে হয়। Site Stack সরাসরি DevSuite Pro-তে যুক্ত করা হয়েছে — যেকোনো পেজে এটি সক্রিয় করুন এবং তাৎক্ষণিকভাবে পূর্ণাঙ্গ টেকনোলজি ব্রেকডাউন দেখুন। টুলটি একাধিক সিগন্যাল বিশ্লেষণের মাধ্যমে কাজ করে: জাভাস্ক্রিপ্ট গ্লোবাল ভ্যারিয়েবল (React.__SECRET, __NEXT_DATA__, __NUXT__), HTML মেটা ট্যাগ এবং অ্যাট্রিবিউট (generator, ng-version), HTTP হেডার (X-Powered-By, Server), স্ক্রিপ্ট ও স্টাইলশিট URL (cdn.shopify.com, googletagmanager.com) এবং DOM স্ট্রাকচার প্যাটার্ন। প্রতিটি শনাক্তকরণ সম্ভব হলে একাধিক সিগন্যালের মাধ্যমে কনফার্ম করা হয় এবং কনফিডেন্স লেভেল দেখানো হয়। ফলাফলগুলো বিভিন্ন ক্যাটাগরিতে সাজানো থাকে: ফ্রন্টএন্ড ফ্রেমওয়ার্ক, মেটা-ফ্রেমওয়ার্ক, CMS/প্ল্যাটফর্ম, অ্যানালিটিক্স এবং ট্র্যাকিং, CDN এবং হোস্টিং, UI লাইব্রেরি এবং বিল্ড টুলস।
React, Vue, Angular, Svelte, Preact, Solid, Alpine.js, jQuery এবং অন্যান্য ফ্রন্টএন্ড লাইব্রেরি শনাক্ত করে। সহজলভ্য হলে সঠিক ভার্সন নম্বর (যেমন, React 18.2.0, Vue 3.4.21) দেখায়। এমনকি মিনিফাইড (minified) প্রোডাকশন বিল্ড থেকেও এটি শনাক্ত করতে পারে।
WordPress (থিম এবং প্লাগইনসহ), Shopify, Wix, Squarespace, Webflow, Ghost, Drupal, Magento, WooCommerce এবং অন্যান্য প্ল্যাটফর্ম শনাক্ত করে। এমনকি ব্র্যান্ডিং সড়িয়ে ফেললেও এটি প্ল্যাটফর্মটি চিনতে পারে।
পেজে ইনস্টল করা Google Analytics (GA4 এবং UA), Google Tag Manager, Meta Pixel, Hotjar, Mixpanel, Segment, Amplitude, Intercom, Crisp chat এবং অন্যান্য ট্র্যাকিং বা মার্কেটিং টুলগুলো খুঁজে বের করে।
HTTP হেডার, DNS রেজোলিউশন এবং রিসোর্স URL থেকে Cloudflare, Vercel, Netlify, AWS CloudFront, Fastly, GitHub Pages, Firebase Hosting এবং অন্যান্য CDN/হোস্টিং প্রোভাইডারদের শনাক্ত করে।
CSS ক্লাস প্যাটার্ন, স্ক্রিপ্ট স্ট্রাকচার এবং অ্যাসেট নেমিং কনভেনশন থেকে Tailwind CSS, Bootstrap, Material UI, Chakra UI, Styled Components, Webpack, Vite, Parcel এবং অন্যান্য UI/বিল্ড টুলিং শনাক্ত করে।
শনাক্ত করা সমস্ত টেকনোলজি নাম, আইকন, ভার্সন নম্বর এবং কনফিডেন্স লেভেলসহ লেবেলযুক্ত ক্যাটাগরিতে সাজানো থাকে। কোনো ফলাফলের ওপর ক্লিক করে দেখুন কোন কোন সিগন্যালের কারণে এটি শনাক্ত হয়েছে।
প্রতিযোগীদের ওয়েবসাইট ভিজিট করুন এবং তাদের টেক স্ট্যাক শনাক্ত করুন। তারা কি React ব্যবহার করছে নাকি Vue? কোন অ্যানালিটিক্স টুলগুলো তারা ব্যবহার করে? কোন CDN-এর মাধ্যমে তারা রিসোর্সগুলো সার্ভ করে? আপনার নিজস্ব টেকনোলজি সংক্রান্ত সিদ্ধান্ত নিতে এই তথ্যগুলো ব্যবহার করুন।
আপনি কি কোনো WordPress প্লাগইন বিক্রি করছেন? যোগাযোগ করার আগে দেখে নিন আপনার সম্ভাব্য ক্লায়েন্টের সাইটে WordPress চলে কি না। Shopify ইন্টিগ্রেশন অফার করছেন? প্ল্যাটফর্মটি যাচাই করুন। Site Stack আপনাকে তাৎক্ষণিকভাবে লিড কোয়ালিফিকেশন ডেটা প্রদান করে।
আপনার ভালো লাগে এমন ওয়েবসাইটগুলো ভিজিট করুন এবং দেখুন কোন টেকনোলজি সেগুলোকে চালাচ্ছে। জানুন যে Stripe ব্যবহার করে Next.js, Linear ব্যবহার করে React, অথবা কেন কোনো ফাস্ট-লোডিং সাইট Cloudflare এবং Vite ব্যবহার করছে। কোন টেকনোলজি কম্বিনেশনগুলো একসাথে ভালো কাজ করে তা শিখুন।
বাইরের পৃথিবীর কাছে আপনার সাইটটি কেমন দেখাচ্ছে তা যাচাই করতে আপনার নিজস্ব প্রোডাকশন সাইটে Site Stack ব্যবহার করুন। আপনি সরিয়ে ফেলেছেন এমন টুলগুলোর কোনো স্ক্রিপ্ট ট্যাগ কি এখনো রয়ে গেছে? আপনার ফ্রেমওয়ার্ক ভার্সন কি এমনভাবে দেখা যাচ্ছে যা কাম্য নয়?
কোনো কোম্পানিতে জবের জন্য ইন্টারভিউয়ের প্রস্তুতি নিচ্ছেন? তাদের ওয়েবসাইটে তারা কী কী টেকনোলজি ব্যবহার করে তা দেখে নিন যাতে আপনি প্রাসঙ্গিক অভিজ্ঞতা প্রদর্শন করতে পারেন এবং তাদের স্ট্যাক সম্পর্কে তথ্যের ভিত্তিতে প্রশ্ন করতে পারেন।
DevSuite Pro ফ্লোটিং ডক ওপেন করুন এবং Site Stack আইকনে ক্লিক করুন। টুলটি টেকনোলজি সিগনেচারের জন্য পেজের DOM, স্ক্রিপ্ট, হেডার এবং মেটা ট্যাগগুলো স্ক্যান করবে।
শনাক্ত করা টেকনোলজিগুলো ক্যাটাগরি অনুযায়ী সাজানো অবস্থায় প্রদর্শিত হয়: ফ্রন্টএন্ড, CMS, অ্যানালিটিক্স, CDN, UI লাইব্রেরি এবং বিল্ড টুলস। প্রতিটি এন্ট্রিতে টেকনোলজির নাম, আইকন এবং ভার্সন দেখানো হয়।
গ্লোবাল ভ্যারিয়েবল, মেটা ট্যাগ, স্ক্রিপ্ট URL বা DOM প্যাটার্ন — ঠিক কোন সিগন্যালের কারণে টেকনোলজিটি শনাক্ত হয়েছে তা দেখতে সেটিতে ক্লিক করুন।
প্রতিটি শনাক্তকরণের জন্য একটি কনফিডেন্স ইন্ডিকেটর দেখানো হয়। একাধিক সিগন্যাল মিললে কনফিডেন্স বাড়ে। কেবল একটি সিগন্যাল থেকে শনাক্ত হলে তাকে "probable" হিসেবে ফ্ল্যাগ করা হয়।
ভিন্ন ভিন্ন ওয়েবসাইট ভিজিট করুন এবং প্রতিযোগী, ক্লায়েন্ট বা রেফারেন্স সাইটগুলোর টেকনোলজি চয়েসগুলোর মধ্যে তুলনা করতে প্রতিটিতেই Site Stack ব্যবহার করুন।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৩৯+ ডেভলপার টুল আনলক করুন।
