# 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/hi/portfolio/webanion-headless-cms-portfolio-platform-with-mcp-server

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

## पूरी कहानी

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

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

<p>किसी स्टूडियो की पूरी साख उसके प्रमाण पर टिकी होती है। Webanion की पुरानी साइट हाथ से बने पेजों का एक समूह थी: हर नए प्रोजेक्ट का मतलब था उनमें से कई पेज एडिट करना, काम के पीछे का लेखन कभी साइट तक नहीं पहुँचता था, और बंगाली, स्पेनिश, हिंदी या चीनी में पढ़ने वाले खरीदार को या तो अंग्रेज़ी मिलती थी या कुछ नहीं। इससे भी बुरा, खरीदार शॉर्टलिस्ट के लिए AI सहायकों से पूछने लगे थे, और वे सहायक स्क्रैप किए गए ऐसे पेजों से अंदाज़ा लगा रहे थे जो पहले ही पुराने हो चुके थे।</p><p>जवाब यह था कि पोर्टफोलियो को पेजों की तरह देखना बंद करके उसे एक प्रोडक्ट की तरह बनाया जाए: हर केस स्टडी के लिए सच्चाई का एक ही स्रोत, जो लोगों तक उनकी भाषा में पहुँचे और सहायकों तक ऐसे रूप में जिस पर वे भरोसा कर सकें।</p>

### हर केस स्टडी एक रिकॉर्ड है, पेज नहीं

<p>प्रोजेक्ट, सर्विस, कंपनियाँ, क्लाइंट, टेस्टिमोनियल और लेख एक हेडलेस CMS में संरचित रिकॉर्ड हैं, जो एक-दूसरे से जुड़े हैं। किसी रिकॉर्ड को एक बार बदलिए और उसका ज़िक्र करने वाला हर पेज अपडेट हो जाता है: प्रोजेक्ट पेज, कंपनी पेज, सर्विस पेज, सर्च के नतीजे।</p><p>खरीदार के लिए इसका मतलब है कि प्रमाण हमेशा ताज़ा और हमेशा जुड़ा हुआ रहता है, उसकी ज़रूरत की सर्विस से लेकर उसे साबित करने वाले प्रोजेक्ट और उसकी गवाही देने वाले लोगों तक। संस्थापक के लिए इसका मतलब है कि नया प्रोजेक्ट एक ही बार प्रकाशित होता है, न कि पूरी दोपहर लगाकर कई पेजों में कॉपी किया जाता है।</p>

### एक ही रिकॉर्ड से पाँच भाषाएँ

<p>अंग्रेज़ी मुख्य भाषा है, और हर रिकॉर्ड में उसका अपना बंगाली, स्पेनिश, हिंदी और चीनी संस्करण भी होता है, जो हर स्क्रीन साइज़ पर उसी संरचना से दिखाया जाता है। ढाका, मैड्रिड, दिल्ली या शंघाई का कोई खरीदार काम को अपनी भाषा में, अंग्रेज़ी जितनी ही गहराई से पढ़ता है, न कि एक अनुवादित होमपेज जिसके पीछे हर जगह अंग्रेज़ी ही हो।</p>

### कहानी ही प्रोजेक्ट पेज है, कवर से अंत तक

<p>अहम केस स्टडी को एक पूरी कहानी मिलती है: पहले एक कवर, फिर एक ही कैनवस पर एक के नीचे एक रखे सेक्शन, हर एक का अपना लेआउट और एनिमेटेड आर्टवर्क, और यह सब उसी CMS में लिखा और सजाया जाता है। कहानी ही प्रोजेक्ट पेज है, इसलिए सर्च से आने वाला खरीदार पेज छोड़े बिना समस्या, समाधान और नतीजा पढ़ लेता है। कहानियाँ भी डेटा हैं, इसलिए बाकी सब की तरह उनका अनुवाद होता है और वे बिना डेवलपर के बदली जा सकती हैं।</p>

### एक MCP सर्वर, ताकि सहायक सीधे स्रोत पढ़ें

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

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

<p>पोर्टफोलियो में ऐसी चीज़ें होती हैं जो कभी लीक नहीं होनी चाहिए: क्लाइंट के संपर्क, गोपनीय कंपनियाँ, ऐसे ड्राफ़्ट जो अभी मंज़ूर नहीं हुए। इसलिए पब्लिक हिस्सा एक allowlist है, जो एक ही जगह पर फ़ील्ड-दर-फ़ील्ड तय होती है और CI में लागू की जाती है, और जो कुछ उस पर नहीं है उसे न वेबसाइट लौटा सकती है न MCP सर्वर। ड्राफ़्ट प्रकाशित होने तक दिखाई नहीं देते, और मालिक का एडमिन हिस्सा तीन स्वतंत्र जाँचों के पीछे सुरक्षित रहता है।</p><p>NDA के तहत आने वाले क्लाइंट का नाम लिए बिना उन्हें प्रमाण के रूप में दिखाया जा सकता है, और अक्सर यही तय करता है कि केस स्टडी होगी या नहीं।</p>

### पढ़े बिना कुछ भी लाइव नहीं होता

<p>हर बदलाव पहले ड्राफ़्ट के रूप में आता है, चाहे वह एडमिन में टाइप किया गया हो या मालिक के अपने MCP सर्वर के ज़रिए किसी AI सहायक ने ड्राफ़्ट किया हो। संस्थापक असली पेज के एक निजी प्रीव्यू में उसे पढ़ते हैं, जो सर्च इंजनों से छिपा होता है, और उसके बाद ही प्रकाशित करते हैं। एक व्यक्ति वाला स्टूडियो अपना पोर्टफोलियो किसी एजेंसी जितना ताज़ा रखता है, और फिर भी ऐसा एक भी शब्द प्रकाशित नहीं होता जिसे किसी ने पढ़ा न हो।</p>

### प्रमाण जो बढ़ता ही जाता है

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