jargons.dev पर हमारी श्रृंखला की दूसरी किस्त में आपका स्वागत है!

चलो उसे करें!

प्रारंभिक प्रतिबद्धता के बाद, मैंने "द फोर्क स्क्रिप्ट" पर काम करना शुरू कर दिया (आश्चर्य है कि यह क्या है?? आपको श्रृंखला में बाद में पता चलेगा?) लेकिन मुझे कबूल करना होगा और जैसा कि आप प्रतिबद्ध इतिहास में पाएंगे, कि मैंने Jargons.dev पर काम करने से एक लंबा ब्रेक (3 महीने) लिया है। इन समयों में मुझे कुछ अवचेतन चिंतन करने का अवसर मिला जो परियोजना के लिए बहुत अच्छा था।

चिंतन का अवसर

मैंने कुछ समय के लिए Jargons.dev पर काम करना बंद कर दिया, जानबूझकर नहीं, बल्कि इसलिए क्योंकि मैं हार्ट्स पर जो काम कर रहा था, उसमें मैं इतना डूब गया था कि मैंने Jargons.dev के बारे में सोचा भी नहीं था। खैर, उन महीनों के दौरान, नया साल आया (निश्चित रूप से नए लक्ष्यों के साथ), मैंने कुछ नई प्रौद्योगिकियों का भी अनुभव किया और उनसे अवगत हुआ। एक तकनीक मेरे लिए सबसे खास रही और वह थी एस्ट्रो।

Jargons.dev के साथ गूंजता एस्ट्रो

जनवरी में, मेरा लक्ष्य "दस्तावेज़ों के साथ नई तकनीकों को सीखना" था, यह एक चुनौती थी जिसके बारे में बहुत अच्छी बातें सुनने के बाद मैंने एस्ट्रो के साथ शुरुआत की।

मार्च में तेजी से आगे बढ़ते हुए, मैंने खुद को एक और पूरी तरह से अलग साइड प्रोजेक्ट (डब्ल्यूपी-थीम) पर काम करते हुए पाया, मैं एक एडी जाउडे वाईटी स्ट्रीम देख रहा था जहां मैंने एडी को इसके बारे में बताया लेकिन उसकी प्रतिक्रिया ने मुझे वापस काम करने के लिए प्रेरित किया। Jargons.dev

आपके पास बहुत सारे साइड प्रोजेक्ट हैं... मुझे नहीं पता कि कौन सा।

इस कथन ने मुझे वास्तव में सोचने पर मजबूर कर दिया, इसलिए मैंने सभी अतिरिक्त परियोजनाओं को रोकने और तुरंत कुछ महत्वपूर्ण चीजों पर ध्यान केंद्रित करने का फैसला किया, Jargons.dev आसानी से दिमाग में वापस आ गया।

इस बिंदु पर, मैं पहले से ही एस्ट्रो से कुछ हद तक परिचित था, - सामग्री-संचालित वेब ऐप्स के लिए एक ढांचा, एक सुपर सरल फ़ाइल सिस्टम के साथ, i18n-तैयार, महान एसईओ के साथ एसएसजी (परियोजना के लिए महत्वपूर्ण), प्रदर्शनकर्ता, द्वीपों के साथ रिएक्टजेएस जैसे अन्य फ्रंटएंड पुस्तकालयों के लिए समर्थन (मुझे यह विशेष रूप से पसंद है); यह Jargons.dev बनाने के लिए स्वर्ग में बनाया गया एक उपकरण था।

ठीक है, मैं तुरंत अगले उपलब्ध सप्ताहांत में काम पर लग गया, मुझे परियोजना के आधार शब्दकोश भाग पर काम करना था।

आधार शब्दकोश

मैंने इसके लिए एक नया एस्ट्रो प्रोजेक्ट शुरू किया, जो नीचे दिए गए कमांड को चलाने और संकेतों का पालन करने जितना आसान है...

npm create astro@latest

मैंने स्टाइलिंग के लिए टेलविंडसीएसएस एकीकरण भी जोड़ा; सामग्री के लिए एमडीएक्स एकीकरण; इसे केवल क्रमशः कमांड चलाकर कॉन्फ़िगर करना भी बेहद आसान था

npx astro add tailwind
npx astro add mdx

मैंने आगे बढ़कर निम्नलिखित कार्य पूरे किए

• स्थिर खोज फ़ॉर्म के साथ एक बॉयलरप्लेट होमपेज बनाया गया
• अस्थायी रूप से src/pages/word निर्देशिका को उस निर्देशिका के रूप में रखने का निर्णय लिया गया है जिसमें शब्दकोश में प्रत्येक शब्द को mdx फ़ाइल के रूप में रखा जाना चाहिए।
• वर्ड.एस्ट्रो लेआउट को कार्यान्वित किया गया, जो एक फ्रेम के रूप में कार्य करता है जहां src/pages/word/ निर्देशिका के अंदर शब्दों के लिए सभी .mdx फ़ाइलों की सामग्री को फ्रंटमैटर का उपयोग करके प्रस्तुत किया जा सकता है।
• वर्ड लेआउट नेवबार में एक स्टेटिक मिनी सर्च फॉर्म भी जोड़ा गया।

इस सुविधा के साथ, हम पहले से ही Jargons.dev/word/[word]route पर शब्दकोश शब्द देखने में सक्षम हैं। इसका मतलब यह है कि जब फ़ाइल tuple.mdx src/pages/word/directory में मौजूद है, तो हम Jargons.dev/word/tuple

पीआर

करतब: आधार शब्दकोश लागू करें #4

बकवास को मार्च 24, 2024 पर पोस्ट किया गया

यह पुल अनुरोध एस्ट्रोजेएस के साथ बेस डिक्शनरी ऐप को लागू करता है

परिवर्तन किए

• नया एस्ट्रो प्रोजेक्ट शुरू किया
• मुखपृष्ठ बनाया गया
• 2 लेआउट लागू किए गए
  • आधार - सभी पृष्ठों और लेआउट के लिए मुख्य प्राथमिक आवरण
  • शब्द - शब्द पृष्ठों पर उपयोग किया जाने वाला लेआउट
• होमपेज पर और वर्ड लेआउट में स्थिर खोज फ़ॉर्म ट्रिगर लागू किया गया

स्क्रीनशॉट

मुखपृष्ठ

वर्ड पेज

GitHub पर देखें