মূল কনটেন্টে যান
The webanion.com home page hero in English

Webanion - MCP সার্ভারসহ হেডলেস CMS পোর্টফোলিও প্ল্যাটফর্ম

একটি স্ট্যাটিক পোর্টফোলিও সাইট পাঁচটি ভাষায় কাজ ধরে রাখতে পারত না, লেখার গতির সঙ্গেও তাল মেলাতে পারত না, তাই সেটির জায়গায় আমরা একটি প্ল্যাটফর্ম বানিয়েছি। একটি হেডলেস CMS প্রতিটি কেস স্টাডি, নিবন্ধ ও রেকর্ড ধরে রাখে; একটি Next.js ফ্রন্টএন্ড সেগুলো ইংরেজি, বাংলা, স্প্যানিশ, হিন্দি ও চীনা ভাষায় দেখায়; আর একটি MCP সার্ভার সেই একই কনটেন্ট AI সহকারীদের কাছে খুলে দেয়, ফলে এই কাজ নিয়ে প্রশ্ন করা কোনো এজেন্ট স্ক্র্যাপ করা তথ্য থেকে অনুমান না করে সরাসরি উৎস পড়ে। সার্চ, মিডিয়া ব্যবস্থাপনা, অনুমোদনের প্রবাহ এবং একটি পাবলিক ডিসকভারি স্তর সবই এর উপর চলে। প্রমাণটি পুনরাবৃত্ত: আপনি এখন যে পাতাটি পড়ছেন, সেটি এই এন্ট্রিতে বর্ণিত সিস্টেমই পরিবেশন করছে।

Next.jsStrapiPostgreSQLTypeScriptGraphQLDockerKubernetesNode.js
Md Moniruzzaman Image

Md Moniruzzaman

পুরো গল্পটা

পণ্যের মতো করে গড়া একটি পোর্টফোলিও: একটি রেকর্ড, প্রতিটি পাতা, প্রতিটি ভাষা, আর একটি সার্ভার যা AI সহকারীদের সরাসরি উৎস থেকে সেটি পড়তে দেয়।

যে পোর্টফোলিও তাল মেলাতে পারছিল না

একটি স্টুডিওর বাঁচা-মরা নির্ভর করে প্রমাণের ওপর। Webanion-এর পুরোনো সাইট ছিল হাতে বানানো কয়েকটি পাতা: প্রতিটি নতুন প্রজেক্ট মানে সেগুলোর কয়েকটি আলাদা করে সম্পাদনা করা, কাজের পেছনের লেখাগুলো কখনো সাইটে উঠত না, আর বাংলা, স্প্যানিশ, হিন্দি বা চীনা ভাষায় পড়তে চাওয়া ক্রেতা পেতেন ইংরেজি, নয়তো কিছুই না। তার চেয়েও খারাপ, ক্রেতারা শর্টলিস্টের জন্য AI সহকারীদের জিজ্ঞেস করতে শুরু করেছিলেন, আর সেই সহকারীরা অনুমান করছিল স্ক্র্যাপ করা এমন সব পাতা থেকে, যা আগেই পুরোনো হয়ে গিয়েছিল।

সমাধান ছিল পোর্টফোলিওকে পাতার সমষ্টি হিসেবে দেখা বন্ধ করে একটি পণ্য হিসেবে গড়ে তোলা: প্রতিটি কেস স্টাডির জন্য একটিমাত্র নির্ভরযোগ্য উৎস, যা মানুষের কাছে পৌঁছায় তাদের নিজের ভাষায়, আর AI সহকারীদের কাছে এমন রূপে যার ওপর তারা ভরসা করতে পারে।

প্রতিটি কেস স্টাডি একটি রেকর্ড, পাতা নয়

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

ক্রেতার কাছে এর মানে প্রমাণ সবসময় হালনাগাদ আর সবসময় পরস্পর যুক্ত, তার দরকারি সার্ভিস থেকে শুরু করে সেই সার্ভিসের প্রমাণ দেওয়া প্রজেক্ট আর যারা এর পক্ষে সাক্ষ্য দেন সেই মানুষদের পর্যন্ত। প্রতিষ্ঠাতার কাছে এর মানে একটি নতুন প্রজেক্ট একবারই প্রকাশ করা হয়, পুরো একটা বিকেল ধরে পাতায় পাতায় কপি করতে হয় না।

Brand colour backdrop
The Strapi admin behind the site: every portfolio record with its showcase, service and five language versions
The live Webanion project page on webanion.com, rendered from one of those records

একই রেকর্ড থেকে পাঁচটি ভাষা

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

Brand colour backdrop
The live home page in English, the primary language, on a desktop monitor
The same home page in Bengali on a laptop
The same home page in Hindi on a phone

গল্পটাই প্রজেক্টের পাতা, কভার থেকে শেষ পর্যন্ত

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

Brand colour backdrop
A live published story in one window: the site header, the story cover, the project summary and its sections running down the page

একটি MCP সার্ভার, যাতে AI সহকারীরা উৎস থেকেই পড়ে

ওয়েবসাইটের পাশাপাশি চলে একটি MCP সার্ভার, যা একই কনটেন্ট AI সহকারীদের কাছে টাইপড টুল হিসেবে খুলে দেয়: পোর্টফোলিও সার্চ করা, একটি প্রজেক্ট পড়া, সার্ভিসের তালিকা দেখা, একটি প্রশংসাপত্র যাচাই করা। Webanion সম্পর্কে প্রশ্ন পেলে একটি AI সহকারী স্ক্র্যাপ থেকে অনুমান না করে রেকর্ডটিই পড়ে, আর যে ক্রেতা আরও জানতে চান তিনি সহকারীর ভেতর থেকেই একটি অ্যাক্সেস কী চেয়ে নিতে ও বার্তা পাঠাতে পারেন।

এতে পোর্টফোলিওটি এমন এক জায়গায় লিড পাওয়ার পথ হয়ে ওঠে, যেখানে বেশিরভাগ স্টুডিও এখনো উপস্থিতই নেই, আর একটি সহকারী যে উত্তরই দিক, তার প্রতিটিই স্টুডিওর নিজের লেখা।

Brand colour backdrop
The live MCP page on webanion.com: one public endpoint, what an assistant can ask and what it will never be given
An AI assistant connected to the Webanion MCP server, listing its 27 tools

গোপনীয়তা নকশাতেই গাঁথা

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

NDA-র আওতায় থাকা ক্লায়েন্টদের নাম প্রকাশ না করেই প্রমাণ হিসেবে দেখানো যায়, আর প্রায়ই এটাই ঠিক করে দেয় একটি কেস স্টাডি থাকবে কি থাকবে না।

না পড়ে কিছুই লাইভ হয় না

প্রতিটি পরিবর্তন প্রথমে খসড়া হিসেবে আসে, সেটা অ্যাডমিনে টাইপ করা হোক বা মালিকের নিজস্ব MCP সার্ভারের মাধ্যমে কোনো AI সহকারীর লেখা খসড়াই হোক। প্রতিষ্ঠাতা আসল পাতার একটি প্রাইভেট প্রিভিউতে সেটি পড়েন, যা সার্চ ইঞ্জিন থেকে লুকানো থাকে, আর কেবল তারপরই প্রকাশ করেন। এক ব্যক্তির একটি স্টুডিও তার পোর্টফোলিওকে একটি এজেন্সির মতোই হালনাগাদ রাখে, অথচ কেউ পড়েনি এমন একটি শব্দও প্রকাশ হয় না।

Brand colour backdrop
The Invoice Manager story open as a draft in the Strapi admin, with Publish and Open preview
The draft preview of the same story on the real site, hidden from search engines until it is published

যে প্রমাণ জমে জমে বাড়ে

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

প্ল্যাটফর্মটি চলে সেই একই সেলফ-হোস্টেড Kubernetes ক্লাস্টারে, যেখানে চলে এতে বর্ণিত ক্লায়েন্টের কাজও, যার কথা বলা আছে শূন্য ডাউনটাইমে মাইগ্রেশনের গল্পে, আর যে AI সহকারীরা এটি চালাতে সাহায্য করে তাদের কথা আছে AI ইঞ্জিনিয়ারিংয়ের গল্পে।

আপনার আরও ভালো লাগতে পারে

Coverfanz Logo

CoverFanz - একটি পারফর্মার মার্কেটপ্লেসের অ্যাডমিন ড্যাশবোর্ড

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

Md Moniruzzaman Image

Md Moniruzzaman

এপ্রিল 29, 2022

Amr Mashrah
Al Insaf Logo

Al-Insaf - খতিয়ান ও ঋণ ব্যবস্থাপনাসহ সমবায় অর্থায়ন প্ল্যাটফর্ম

একটি সমবায় অর্থায়ন সংস্থা সদস্য রেকর্ড, সঞ্চয়, ঋণ ও বিনিয়োগকারীর মূলধন চালাত কাগজ আর স্প্রেডশিটে, ফলে কোনো শাখার নিরীক্ষা করা বা দিনের হিসাব পরিষ্কারভাবে বন্ধ করার উপায় ছিল না। আমরা একটিই সিস্টেম বানিয়েছি যা সবকিছু ধরে রাখে: সদস্য নিবন্ধন, দৈনিক আদায়, ঋণের আবেদন থেকে বিতরণ পর্যন্ত, বহু শাখার খতিয়ান, বিনিয়োগকারীর মূলধন এবং কে কী করেছে তার নিরীক্ষা লগ। কর্মকর্তারা প্রতিটি আদায় হওয়ার সঙ্গে সঙ্গেই তা লিখে রাখেন, ব্যবস্থাপকেরা ঋণ অনুমোদন করেন ও দিনের হিসাব বন্ধ করেন, আর অনুমতির কাঠামো ঠিক করে কোন ভূমিকা কী দেখতে ও করতে পারবে, বোতাম লুকিয়ে রাখার বদলে। এই কেস স্টাডিতে যা দেখানো হয়েছে তার সবই প্রদর্শনীর জন্য তৈরি নমুনা ডেটার উপর চলে; প্রকৃত সদস্যের তথ্য পোর্টফোলিও উপকরণে কখনও আসে না।

Md Moniruzzaman Image

Md Moniruzzaman

Md Nuruzzaman
Sukalyan Research Group logo

Sukalyan Research Group, এক বিশ্ববিদ্যালয় ফার্মেসি ল্যাবের ওয়েবসাইট

Jahangirnagar University-র Department of Pharmacy-র Sukalyan Research Group-এর ওয়েবসাইট, যার নেতৃত্বে অধ্যাপক Sukalyan Kumar Kundu: কৌশল ও পেপারসহ সাতটি গবেষণা ক্ষেত্র, বছর অনুযায়ী ভাগ করা Google Scholar-এর ১২৪টি এন্ট্রির একটি ফিল্টারযোগ্য প্রকাশনা তালিকা, প্রধান গবেষকের প্রোফাইল, নাম ও ছবিসহ সদস্যরা, একটি অ্যালামনাই ডেস্টিনেশনস ওয়াল, একটি Lab Life গ্যালারি আর ইমেইল চেকলিস্টসহ চার ট্র্যাকের একটি জয়েন পেজ। স্ট্যাটিক এক্সপোর্টসহ Next.js, React ও TypeScript, Tailwind CSS, সব কনটেন্ট একটি কোয়েরি ফাংশনের পেছনে, তাই হেডলেস CMS-এ যাওয়ায় আর কিছুই বদলায় না। একটি সেলফ-হোস্টেড Kubernetes ক্লাস্টারে একটিমাত্র কন্টেইনার হিসেবে ডিপ্লয় করা।

Md Moniruzzaman Image

Md Moniruzzaman

সেপ্ট 30, 2026

Sukalyan Kumar Kundu, PhD
Read the Md Moniruzzaman blog

ব্লগটি প্রোডাকশনের ময়দান থেকে লেখা নোট: আর্কিটেকচারের সিদ্ধান্ত, বাস্তব ব্যবহারকারীর মুখোমুখি টিকে যাওয়া AI সিস্টেম, আর নিজের খরচ নিজে তোলা অবকাঠামো। কাজ থেকে লেখা, কাজ নিয়ে গল্প নয়।