मुख्य सामग्री पर जाएं
The webanion.com home page hero in English

Webanion - MCP सर्वर के साथ हेडलेस CMS पोर्टफोलियो प्लेटफ़ॉर्म

Webanion brand logoWebanionवेबसाइट डेवलपमेंटमई 12, 2025१ वर्ष ६ महीने

एक स्थिर पोर्टफोलियो साइट पाँच भाषाओं में काम नहीं संभाल सकती थी, न ही उसके पीछे चल रहे लेखन के साथ चल सकती थी, इसलिए हमने उसकी जगह एक प्लेटफ़ॉर्म बनाया। एक हेडलेस CMS हर केस स्टडी, लेख और रिकॉर्ड रखता है; एक Next.js फ़्रंटएंड उन्हें अंग्रेज़ी, बंगाली, स्पेनिश, हिंदी और चीनी में दिखाता है; और एक MCP सर्वर वही सामग्री AI सहायकों के सामने खोलता है, ताकि इस काम के बारे में पूछा गया कोई एजेंट स्क्रैप से अनुमान लगाने के बजाय स्रोत पढ़े। खोज, मीडिया प्रबंधन, एक अनुमोदन प्रवाह और एक सार्वजनिक डिस्कवरी परत, सब इसी पर चलते हैं। प्रमाण पुनरावर्ती है: आप जो पृष्ठ पढ़ रहे हैं, उसे वही सिस्टम परोस रहा है जिसका वर्णन यह प्रविष्टि करती है।

Next.jsStrapiPostgreSQLTypeScriptGraphQLDockerKubernetesNode.js
Md Moniruzzaman Image

Md Moniruzzaman

पूरी कहानी

प्रोडक्ट की तरह बना एक पोर्टफोलियो: एक रिकॉर्ड, हर पेज, हर भाषा, और एक सर्वर जो AI सहायकों को उसे सीधे स्रोत से पढ़ने देता है।

एक पोर्टफोलियो जो रफ़्तार नहीं पकड़ पा रहा था

किसी स्टूडियो की पूरी साख उसके प्रमाण पर टिकी होती है। Webanion की पुरानी साइट हाथ से बने पेजों का एक समूह थी: हर नए प्रोजेक्ट का मतलब था उनमें से कई पेज एडिट करना, काम के पीछे का लेखन कभी साइट तक नहीं पहुँचता था, और बंगाली, स्पेनिश, हिंदी या चीनी में पढ़ने वाले खरीदार को या तो अंग्रेज़ी मिलती थी या कुछ नहीं। इससे भी बुरा, खरीदार शॉर्टलिस्ट के लिए 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 सर्वर, ताकि सहायक सीधे स्रोत पढ़ें

वेबसाइट के साथ-साथ एक MCP सर्वर चलता है जो वही कंटेंट AI सहायकों को typed टूल के रूप में उपलब्ध कराता है: पोर्टफोलियो में सर्च करना, कोई प्रोजेक्ट पढ़ना, सर्विसों की सूची देखना, कोई टेस्टिमोनियल जाँचना। Webanion के बारे में पूछे जाने पर सहायक स्क्रैप से अंदाज़ा लगाने के बजाय रिकॉर्ड पढ़ता है, और जो खरीदार और जानना चाहता है वह सहायक के भीतर से ही access key माँग सकता है और संदेश भेज सकता है।

इससे पोर्टफोलियो एक ऐसी जगह पर लीड का ज़रिया बन जाता है जहाँ ज़्यादातर स्टूडियो अभी मौजूद ही नहीं हैं, और सहायक जो भी जवाब देता है, वह स्टूडियो का ही लिखा होता है।

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

डिज़ाइन में ही निजता

पोर्टफोलियो में ऐसी चीज़ें होती हैं जो कभी लीक नहीं होनी चाहिए: क्लाइंट के संपर्क, गोपनीय कंपनियाँ, ऐसे ड्राफ़्ट जो अभी मंज़ूर नहीं हुए। इसलिए पब्लिक हिस्सा एक allowlist है, जो एक ही जगह पर फ़ील्ड-दर-फ़ील्ड तय होती है और 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 में जोड़ा गया हर प्रोजेक्ट उसी दिन सही पेजों पर पहुँच जाता है, पाँच भाषाओं में, साइट पर सर्च करने लायक और सहायकों के जवाबों में आने लायक। खरीदारों के लिए यह ऐसा प्रासंगिक काम देखने का सबसे तेज़ तरीका है जिस पर वे भरोसा कर सकें; स्टूडियो के लिए यह एक ऐसा पोर्टफोलियो है जो पुराना पड़ने के बजाय हर रिकॉर्ड के साथ ज़्यादा कीमती होता जाता है।

यह प्लेटफ़ॉर्म उसी सेल्फ़-होस्टेड 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 की 124 प्रविष्टियों की फ़िल्टर होने वाली प्रकाशन सूची, प्रधान शोधकर्ता का प्रोफ़ाइल, नाम और तस्वीर के साथ सदस्य, एक एलुमनाई डेस्टिनेशंस वॉल, एक 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 सिस्टम, और अपनी लागत खुद निकालने वाला इन्फ्रास्ट्रक्चर। काम से लिखा गया, काम के बारे में नहीं।