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

Company: Webanion
Service: ওয়েবসাইট ডেভেলপমেন্ট
Period: 2025-05 - present
Tech: Next.js, Strapi, PostgreSQL, TypeScript, GraphQL, Docker, Kubernetes, Node.js
Web: https://webanion.com
Canonical: https://webanion.com/bn/portfolio/webanion-headless-cms-portfolio-platform-with-mcp-server

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

## পুরো গল্পটা

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<p>Webanion-এ যোগ হওয়া প্রতিটি প্রজেক্ট সেদিনই পৌঁছে যায় সঠিক পাতাগুলোয়, পাঁচটি ভাষায়, সাইটে সার্চ করে পাওয়া যায় এবং AI সহকারীরা এ নিয়ে উত্তর দিতে পারে। ক্রেতাদের জন্য এটি ভরসা করার মতো প্রাসঙ্গিক কাজ দেখার সবচেয়ে দ্রুত উপায়; স্টুডিওর জন্য এটি এমন একটি পোর্টফোলিও, যা পুরোনো হয়ে যাওয়ার বদলে প্রতিটি রেকর্ডের সঙ্গে আরও মূল্যবান হয়ে ওঠে।</p><p>প্ল্যাটফর্মটি চলে সেই একই সেলফ-হোস্টেড Kubernetes ক্লাস্টারে, যেখানে চলে এতে বর্ণিত ক্লায়েন্টের কাজও, যার কথা বলা আছে <a href="/portfolio/fully-booked-zero-downtime-migration-to-self-hosted-kubernetes">শূন্য ডাউনটাইমে মাইগ্রেশনের গল্পে</a>, আর যে AI সহকারীরা এটি চালাতে সাহায্য করে তাদের কথা আছে <a href="/portfolio/ai-engineering-mcp-servers-and-cross-provider-memory-hub">AI ইঞ্জিনিয়ারিংয়ের গল্পে</a>।</p>
