हर डेमो कट, शुरू से अंत तक नैरेशन के साथ। इनमें से ज़्यादातर उस सेक्शन के ऊपर भी दिए गए हैं जिसे वे समझाते हैं — हर एक के नीचे का लिंक आपको वहाँ ले जाता है। एक्सप्लेनर से शुरू करें; फिर कॉन्सेप्ट ट्रैक क्रम से देखें; बाकी को आप संदर्भ के रूप में देख सकते हैं।
यहाँ से शुरू करें
Langsys क्या है, पूरा सेटअप एक ही बार में, और वह एक विचार जो हर भाषा के लिए ज़रूरी है — सपाट वाक्य।
देखें · 1:17Langsys क्या है?आपके ऐप में एक SDK और एक होस्टेड Translation Manager: कोई फ़्रेज़ चलने भर से खुद को कैसे रजिस्टर करता है, अनुवाद कहाँ से आते हैं, और सुबह 09:00 बजे प्रकाशित हुई ब्लॉग पोस्ट मैड्रिड में बैठे पाठक को 09:03 बजे स्पेनिश में कैसे मिल जाती है — न कोई बिल्ड, न कोई राइट की। पेज पर: /learnदेखें · 4:13शुरुआत से अंत तक पूरी जानकारीप्रोजेक्ट और उसके लोकेल बनाएँ, Read & Write की बनाएँ, SDK इंस्टॉल और इनिशियलाइज़ करें, फिर देखें कि t(), <Translate>, <Phrase> और <DontTranslate> अपने फ़्रेज़ कैसे रजिस्टर करते हैं और ऐप बिना रीलोड के स्पैनिश और फ़्रेंच में बदल जाता है। पेज पर: /learn/quickstartदेखें · 1:14बहुवचन रूपकिसी वाक्य में संख्या के साथ बदलाव क्यों होता है, उसे ठीक करने वाला if (count === 1) आपके कोड में अंग्रेज़ी व्याकरण क्यों है, और वाक्य को सपाट रूप में लिखने से हर भाषा की हर शाखा आपको कैसे मिल जाती है। पेज पर: /learn/concepts/locale-store
कॉन्सेप्ट्स ट्रैक
पाँच छोटे मॉड्यूल क्रम से, हर एक पिछले को मानकर चलता है। स्क्रीन पर कोई SDK-विशिष्ट सिंटैक्स नहीं — वही कट्स Concepts पेजों के ऊपर रखे गए हैं।
देखें · 0:30वर्कफ़्लोसमस्या — अनुवाद एक पाइपलाइन से होकर गुज़रता है और वापस आता है, और Langsys इसे हटा देता है। पेज पर: /learn/concepts/how-it-worksदेखें · 0:42मुख्य फ़ाइलेंप्रोजेक्ट कहाँ से शुरू होता है, वह की जिसे दूसरे i18n टूल आपसे गढ़वाते हैं, और उसकी जगह क्या आता है। पेज पर: /learn/concepts/token-discoveryदेखें · 0:36लोकेल स्टोरसक्रिय लोकेल कैसे रखा और बदला जाता है। पेज पर: /learn/concepts/locale-storeदेखें · 1:30कुंजियाँ और एन्वायरनमेंटरजिस्टर कर सकने वाली कुंजी कभी शिप क्यों नहीं हो सकती, रीड-ओनली कुंजी क्यों बंद गली है, और कौन-सी कुंजी कहाँ जाती है — फिर 09:00 वाली ब्लॉग पोस्ट: ब्राउज़र से क्या बाहर जाता है और सीधे रजिस्टर कौन करता है। पेज पर: /learn/concepts/keys-and-environmentsदेखें · 0:30नया लोकेल जोड़नानई भाषा तक पहुँचना बस एक प्रोजेक्ट सेटिंग है — नए फ़्रेज़ आते ही अनुवादित हो जाते हैं, और एक रन बाकी सब भर देता है। पेज पर: /learn/concepts/adding-a-locale
Svelte, एक-एक API के साथ
langsys-js-svelte पर हर प्रिमिटिव के लिए एक कट। बाकी बाइंडिंग की सतह वही है; अंतर सिर्फ़ सिंटैक्स का है।
देखें · 1:00Svelte: पूरा walkthroughअन्य i18n टूल आपको किन बातों में उलझाए रखते हैं — एक कॉल, एक लोकेल स्विच — आपके आधे उपयोगकर्ताओं के लिए सपाट स्पैनिश क्यों गलत है, और ICU select इसके लिए क्या करता है। पेज पर: /learn/sdk/svelteदेखें · 1:09t(phrase, category, params)कीज़-फ़ाइल की समस्या से शुरू होकर, फिर तीन आर्गुमेंट, ICU प्लेसहोल्डर और बहुवचन। पेज पर: /learn/sdk/svelteदेखें · 1:06<Phrase>भीतर मार्कअप वाला एक वाक्य, जिसे एक ही फ़्रेज़ के रूप में रखा गया है, और उसके पैरामीटर %name% क्यों हैं। पेज पर: /learn/sdk/svelteदेखें · 1:04<Translate>एक टैग पूरे हिस्से को रजिस्टर कर देता है, और ब्लॉक हर लाइन के लिए अलग कॉल से बेहतर क्यों है। पेज पर: /learn/sdk/svelteदेखें · 0:34<DontTranslate>ब्रांड नाम और आइडेंटिफ़ायर ज्यों के त्यों रखे गए, उन्हें वाक्य से बाहर निकाले बिना। पेज पर: /learn/sdk/svelteदेखें · 0:42कंटेंट ब्लॉककंटेंट ब्लॉक क्या है — एक इकाई के रूप में रजिस्टर किया गया सेक्शन, जो फिर भी अलग-अलग दोबारा उपयोग होने वाले फ़्रेज़ से बना होता है। पेज पर: /learn/sdk/svelteदेखें · 0:34श्रेणियाँi18n में कीज़ (keys) क्यों बनाई गईं, और उनकी जगह क्या लेता है — एक ही शब्द, दो अर्थ, और वे जोड़ियाँ जिनमें वह बँट जाता है। पेज पर: /learn/sdk/svelteदेखें · 0:39लिंग अनुरूपतावह कंडीशनल जो दूसरी i18n लाइब्रेरी आपके कॉम्पोनेंट में छोड़ देती हैं, और वे ब्रांच जो उनकी जगह Langsys जनरेट करता है। पेज पर: /learn/sdk/svelteदेखें · 1:07एट्रिब्यूटआधा अनुवादित फ़ॉर्म उसे इस्तेमाल करने वाले व्यक्ति को कैसा दिखता है, और एक ही <Translate> एक ही बार में प्लेसहोल्डर, alt टेक्स्ट और aria लेबल तक कैसे पहुँचता है। पेज पर: /learn/sdk/svelteदेखें · 0:46संख्याएँ और तारीखेंCLDR के अनुसार संख्याएँ और तारीख़ें — ग्रुपिंग एक पैटर्न क्यों है, सेपरेटर नहीं, और ऑर्डर नंबर को स्ट्रिंग के रूप में क्यों पास करना चाहिए। पेज पर: /learn/sdk/svelte
Translation Manager
स्क्रीन पर बिना कोड के app.langsys.dev — उनके लिए जो कॉपी, भाषाओं, कुंजियों और बिल के ज़िम्मेदार हैं।
देखें · 3:02अनुवादों का प्रबंधनसिर्फ़ मैनेजर, उस व्यक्ति के लिए जो कॉपी का ज़िम्मेदार है: सुधारा गया मशीन ड्राफ़्ट, Update Memory, कतार में Auto-next के साथ AI Translate, Never Translate, और केवल स्पैनिश के लिए आमंत्रित अनुवादक। पेज पर: /learn/dashboardदेखें · 2:47ट्रांसलेशन मेमोरीदूसरा प्रोजेक्ट पहले से भरा हुआ तैयार मिलता है — लेखक के बैज के साथ सुधारी गई कार्ट लाइन आगे आ जाती है, किसी मॉडल को कॉल किए बिना। पूरे संगठन में, हर भाषा में हर वाक्य के लिए एक एंट्री। पेज पर: /learn/dashboardदेखें · 2:24AI अनुवादक की सेटिंगटैब का हर स्विच, दिखाया गया: प्रति-प्रोजेक्ट कस्टम, AI अनुवाद का उपयोग करें, ऑटो-ट्रांसलेट चालू और बंद, और ऑटो-डिटेक्ट जो पहले से स्पैनिश में आए वाक्यांश को पहचानता है। पेज पर: /learn/concepts/keys-and-environmentsदेखें · 1:49भाषा जोड़नालाइव प्रोजेक्ट में जर्मन जोड़ी गई: पहले पूछने पर सेट की गई पॉलिसी, मौजूदा कैटलॉग की सटीक कीमत बताने वाला डायलॉग, और बिना कुछ बनाए या डिप्लॉय किए जर्मन पर स्विच किया गया स्टोर। पेज पर: /learn/concepts/adding-a-localeदेखें · 1:30किसी भाषा में पिछड़ा काम पूरा करनापिछड़ गई भाषा के लिए मैनेजर की बल्क कार्रवाइयाँ — पहले एक लोकेल के लिए, फिर पूरे प्रोजेक्ट के लिए AI Translate Pending। पेज पर: /learn/concepts/adding-a-localeदेखें · 1:38कंटेंट ब्लॉक का अनुवादManager में एक ब्लॉक के रूप में <Translate> क्षेत्र: मूल पाठ के बगल में अनूदित न किया गया इतालवी पाठ, AI Translate द्वारा उसके खंड भरे जाते हुए, हाथ से दोबारा लिखा गया एक खंड, और रोककर रखा गया <DontTranslate> वाक्य। पेज पर: /learn/concepts/token-discoveryदेखें · 1:30प्रोडक्शन में API कुंजियाँशिप होने के बाद की एक कुंजी: असली एक हफ़्ते की रीड के साथ Activity पेज, किसी कुंजी को हटाए बिना रोकना (पॉज़ करना), और कैमरे पर रोटेशन। पेज पर: /learn/concepts/keys-and-environmentsदेखें · 1:48एक संगठन, कई प्रोजेक्टऑर्गनाइज़ेशन वह आधार है जिससे हर प्रोजेक्ट शुरू होता है: डिफ़ॉल्ट लोकेल, AI अनुवादक और बिलिंग सेटिंग, और एक प्रोजेक्ट जो फिर से इन्हें विरासत में लेने पर लौट आया है। पेज पर: /learn/dashboardदेखें · 2:22उपयोग और क्रेडिटदो मीटर और प्रोजेक्ट को फ़ंड कैसे मिलता है: प्लान के मुक़ाबले API उपयोग, प्रीपेड और मुफ़्त क्रेडिट, प्रोजेक्ट में ट्रांसफ़र, और उसकी मासिक सीमा व ऑटो रिचार्ज। पेज पर: /learn/dashboardदेखें · 1:26प्लान और भुगतानफ़ाइल में मौजूद जानकारी का एक दौरा: प्लान और बिलिंग साइकल, Change Plan, Payment Methods, Addresses और Invoices — हर डायलॉग रद्द किया गया। पेज पर: /learn/dashboardदेखें · 1:13नोटिफ़िकेशनइनबॉक्स और उसके फ़िल्टर, फिर इन-ऐप और ईमेल के हिसाब से अकाउंट के डिफ़ॉल्ट, साथ में प्रति-प्रोजेक्ट ओवरराइड को चालू और फिर बंद करना। पेज पर: /learn/dashboardदेखें · 1:47अपने AI असिस्टेंट को कनेक्ट करेंहोस्टेड MCP सर्वर के ज़रिए AI असिस्टेंट के अंदर Langsys: claude mcp add, Authorize Access स्क्रीन, Store की भाषाओं के बारे में एक असली जवाब, और Security से रद्द किया गया कनेक्शन। पेज पर: /learn/dashboard
ये कट langsys-demo-videos मास्टर से रेंडर किए गए हैं और langsys-demos रेपो में प्रकाशित हैं — वही डेमो ऐप, जिन्हें हर SDK पेज StackBlitz में खोलता है।