परियोजना का विवरण
अनुवादितहमारे पास एक मार्केटिंग वेबसाइट है जिसमें एक ब्लॉग है जो वर्षों में धीमा और भारी हो गया है, और हम इसे एक तेज़ Jamstack एप्लिकेशन के रूप में फिर से बनाना चाहते हैं। आपका कार्य मौजूदा पृष्ठों, संरचना और सामग्री को लेना और उन्हें स्थैतिक उत्पादन के माध्यम से फिर से लागू करना है: या तो Astro पर या Next स्थैतिक निर्यात पर, आप निर्णय लें और हमारे मामले के लिए उचितता बताएं। लक्ष्य एक ऐसा साइट है जो तुरंत खुलती है, न्यूनतम अतिरिक्त जावास्क्रिप्ट लोड करती है और मोबाइल और डेस्कटॉप दोनों पर सभी कोर वेब वाइटल्स मेट्रिक्स में हरे मान दिखाती है। डिज़ाइन, पाठ और संरचना पहले से मौजूद हैं, इसलिए यह मुख्य रूप से प्रदर्शन के बारे में एक इंजीनियरिंग कार्य है, न कि एक पुन: डिज़ाइन, हालांकि मार्कअप और अर्थशास्त्र में उचित सुधार का स्वागत है।
सामग्री एक हेडलेस डेटा स्रोत से आनी चाहिए, इसे हार्डकोड नहीं किया जाना चाहिए, ताकि संपादक बिना कोड संपादनों के पोस्ट और लैंडिंग प्रकाशित कर सकें। आपको सामग्री प्रकारों का वर्णन करना होगा, निर्माण को इस स्रोत से निर्माण समय पर लिंक करना होगा और प्रत्येक मार्ग के लिए पूरी तरह से स्थैतिक HTML प्राप्त करना होगा। हम साफ़, सुलभ, अर्थपूर्ण मार्कअप, आधुनिक प्रारूपों में सही आयामों के साथ उत्तरदायी छवियाँ, फ़ॉन्ट्स और तृतीय-पक्ष स्क्रिप्ट का सावधानीपूर्वक प्रबंधन और CDN किनारे पर एक विचारशील कैशिंग रणनीति की अपेक्षा करते हैं। तैनाती को स्वचालित किया जाना चाहिए ताकि सामग्री परिवर्तनों या कोड पुश से पुनर्निर्माण और CDN पर प्रकाशन बिना मैनुअल चरणों के ट्रिगर हो सके। पूरी पाइपलाइन कैसे काम करती है, इसका वर्णन करें ताकि टीम इसे बनाए रख सके।
हम मापने योग्य परिणामों की परवाह करते हैं, केवल ढांचे के स्विचिंग की नहीं। पहले और बाद में हम वास्तविक संख्याएँ देखना चाहते हैं: सबसे बड़ा सामग्रीपूर्ण पेंट, संचयी लेआउट शिफ्ट, इंटरैक्शन देरी, कुल ब्लॉकिंग समय और पृष्ठ का वजन, प्रतिनिधि पृष्ठों पर और सीमित कनेक्शन पर मापा गया।
— एस्ट्रो या नेक्स्ट स्थिर निर्यात पर सभी वेबसाइट और ब्लॉग मार्गों की स्थैतिक पीढ़ी
— पोस्ट और पृष्ठों के लिए हेडलेस डेटा स्रोत, मॉडल किया गया और निर्माण से जोड़ा गया
— उत्तरदायी चित्र, अनुकूलित फ़ॉन्ट और न्यूनतम क्लाइंट-साइड जावास्क्रिप्ट
— जब सामग्री या कोड में परिवर्तन होता है तो सीडीएन पर स्वचालित तैनाती
— दस्तावेज़ित पाइपलाइन और कोर वेब विटल्स रिपोर्ट पहले और बाद में
सामग्री एक हेडलेस डेटा स्रोत से आनी चाहिए, इसे हार्डकोड नहीं किया जाना चाहिए, ताकि संपादक बिना कोड संपादनों के पोस्ट और लैंडिंग प्रकाशित कर सकें। आपको सामग्री प्रकारों का वर्णन करना होगा, निर्माण को इस स्रोत से निर्माण समय पर लिंक करना होगा और प्रत्येक मार्ग के लिए पूरी तरह से स्थैतिक HTML प्राप्त करना होगा। हम साफ़, सुलभ, अर्थपूर्ण मार्कअप, आधुनिक प्रारूपों में सही आयामों के साथ उत्तरदायी छवियाँ, फ़ॉन्ट्स और तृतीय-पक्ष स्क्रिप्ट का सावधानीपूर्वक प्रबंधन और CDN किनारे पर एक विचारशील कैशिंग रणनीति की अपेक्षा करते हैं। तैनाती को स्वचालित किया जाना चाहिए ताकि सामग्री परिवर्तनों या कोड पुश से पुनर्निर्माण और CDN पर प्रकाशन बिना मैनुअल चरणों के ट्रिगर हो सके। पूरी पाइपलाइन कैसे काम करती है, इसका वर्णन करें ताकि टीम इसे बनाए रख सके।
हम मापने योग्य परिणामों की परवाह करते हैं, केवल ढांचे के स्विचिंग की नहीं। पहले और बाद में हम वास्तविक संख्याएँ देखना चाहते हैं: सबसे बड़ा सामग्रीपूर्ण पेंट, संचयी लेआउट शिफ्ट, इंटरैक्शन देरी, कुल ब्लॉकिंग समय और पृष्ठ का वजन, प्रतिनिधि पृष्ठों पर और सीमित कनेक्शन पर मापा गया।
— एस्ट्रो या नेक्स्ट स्थिर निर्यात पर सभी वेबसाइट और ब्लॉग मार्गों की स्थैतिक पीढ़ी
— पोस्ट और पृष्ठों के लिए हेडलेस डेटा स्रोत, मॉडल किया गया और निर्माण से जोड़ा गया
— उत्तरदायी चित्र, अनुकूलित फ़ॉन्ट और न्यूनतम क्लाइंट-साइड जावास्क्रिप्ट
— जब सामग्री या कोड में परिवर्तन होता है तो सीडीएन पर स्वचालित तैनाती
— दस्तावेज़ित पाइपलाइन और कोर वेब विटल्स रिपोर्ट पहले और बाद में
वेब विकास नकद, बैंक ट्रांसफर
