मौजूदा रिपोर्ट को बरकरार रखें, सुधार करें खुलकर: Vike से हल किया गया static page design

Lemonbase टीम यह बताती है कि उसने मौजूदा रिपोर्ट नतीजों को स्थिर रूप से बनाए रखते हुए, रिपोर्ट पेज को स्वतंत्र रूप से बेहतर बनाने के लिए Vike अपनाकर static page (SSG) तरीका कैसे लागू किया।

मुख्य बातें

• मौजूदा रिपोर्टों में किसी खास समय के data और UI को स्थिर रखना जरूरी था, लेकिन client-side rendering (CSR) संरचना के कारण logic/design बदलने पर पुरानी रिपोर्टें भी प्रभावित हो जाती थीं
• कई समाधान (module federation, component version management आदि) पर विचार किया गया, लेकिन अंततः static page (SSG) generation सबसे उपयुक्त तरीका माना गया
• मौजूदा Vite-आधारित project पर केवल सरल configuration जोड़कर, Vike के जरिए SSG लागू किया गया
  • रिपोर्ट publish करते समय के data सहित HTML file build करके स्थिर किया गया
  • publish से पहले preview में real-time data reflection को बनाए रखा गया
• iframe तरीके से product के भीतर रिपोर्ट को integrate किया गया, जिससे UX स्वाभाविक रूप से जुड़ा रहा
• लागू करने के परिणाम:
  • पुरानी रिपोर्टें बदले बिना बनी रहीं, और नई रिपोर्टों में स्वतंत्र रूप से सुधार संभव हुआ
  • performance में सुधार (तेज़ loading) और maintenance cost में कमी
  • अलग बड़े-scale infrastructure के बिना तेज़ी से अपनाना संभव
• हालांकि, Vike की community छोटी होने के कारण references की कमी थोड़ी निराशाजनक रही

सुझाए गए पाठक

• वे टीमें जो report pages को version के हिसाब से स्थिर रूप से manage करने का तरीका खोज रही हैं
• CSR संरचना से SSG संरचना में जाने या hybrid design की जरूरत वाले FE developers
• Vite-आधारित project में हल्के तरीके से static page functionality जोड़ना चाहने वाले developers