Next.js हटाने से मेरा ब्लॉग हर Lighthouse श्रेणी में 100 पर पहुँच गया

मूल लेख ↗ Hacker News चर्चा ↗

एक साधारण ब्लॉग से Next.js हटाकर स्टैटिक HTML की ओर जाना इस बड़े सवाल को फिर से उठाता है कि भारी JavaScript frameworks कब उचित हैं। कई योगदानकर्ता तर्क देते हैं कि Hugo, Zola, Astro जैसे आधुनिक static site generators, या AI-सहायित hand-rolled टूल्स, ज़्यादातर स्थिर कंटेंट के लिए लगभग परफेक्ट Lighthouse स्कोर, सरल डिप्लॉयमेंट और कम security concerns देते हैं। अन्य लोग जवाब देते हैं कि complex, stateful applications के लिए frameworks और SSR अभी भी उपयोगी हैं, लेकिन मानते हैं कि वे अपनी वास्तविक जरूरत से कहीं अधिक default choice बन गए हैं.

ब्लॉग्स के लिए स्टैटिक साइट जेनरेटर

  • कई लोग तर्क देते हैं कि ब्लॉग्स के लिए स्टैटिक HTML आदर्श है; परफॉर्मेंस की समस्याओं का एक पूरा वर्ग ही गायब हो जाता है।
  • लोकप्रिय SSG विकल्प: Astro, Hugo, Zola, Zine (Zig), Web Origami, Eleventy, कस्टम Gulp पाइपलाइन, और Amytis तथा QIP Router जैसे विशिष्ट टूल।
  • Hugo और Zola को सिंगल-बाइनरी सरलता, गति, और JS इकोसिस्टम से बचने के लिए सराहा जाता है; कुछ लोग शिकायत करते हैं कि Hugo संस्करणों के बीच बैकवर्ड कम्पैटिबिलिटी तोड़ देता है।
  • Astro को अक्सर सुझाया जाता है, लेकिन कुछ लोग इसके “islands/server stuff” को एक साधारण ब्लॉग के लिए जरूरत से ज्यादा जटिल मानते हैं।

Astro, Hugo, Zola, और विकल्प

  • Astro को इन बातों के लिए सराहा जाता है:
    • लचीलापन (React/Vue/Svelte या plain HTML/CSS मिला सकता है)।
    • बेहतरीन परफॉर्मेंस, वैकल्पिक सर्वर islands, और सरल ब्लॉग्स तथा अधिक जटिल साइट्स दोनों के लिए उपयुक्तता।
  • विरोधी मत: कुछ लोगों को लगता है कि Astro जटिल ऐप्स के लिए स्पष्ट रूप से बेहतर डिज़ाइन नहीं किया गया है और ब्लॉग्स के लिए इसके उन्नत पैटर्न अनावश्यक हैं।
  • Hugo का व्यापक उपयोग होता है और इसके Lighthouse स्कोर मजबूत होते हैं; इमेज पाइपलाइन और srcset जनरेशन जैसी सुविधाएँ मूल्यवान मानी जाती हैं।
  • Zola को एक मत-आधारित लेकिन सरल संरचना के लिए पसंद किया जाता है; इसे छोटे साइट्स के लिए अच्छा, लेकिन बड़े, आपस में जुड़े साइट्स के लिए कम उपयुक्त माना जाता है।

Next.js और भारी फ्रेमवर्क्स पर विचार

  • कई लोग Next.js को ज़्यादातर वेबसाइट्स, खासकर स्टैटिक ब्लॉग्स, के लिए जरूरत से ज्यादा या अनुपयुक्त मानते हैं; कुछ लोग इसका श्रेय मार्केटिंग-चालित अपनाने को देते हैं।
  • अन्य लोग बताते हैं कि स्टैटिक-एक्सपोर्टेड Next.js ब्लॉग्स ने Lighthouse पर 100 स्कोर किया, और आलोचना को जरूरत से ज्यादा बढ़ा-चढ़ाकर बताया गया मानते हैं।
  • शिकायतों में मिश्रित paradigms (SSR/SSG/SPA), बड़े JS bundles, और सर्वर तथा क्लाइंट के बीच दोहराए गए काम से आने वाली जटिलता शामिल है।
  • कुछ लोग नोट करते हैं कि Next.js static export फिर भी अनावश्यक JS भेजता है; अन्य तर्क देते हैं कि यह उपयोगी सुविधाएँ (routing, prefetching, image optimization) लाता है जिनकी ब्लॉग को शायद ही कभी जरूरत होती है।

परफॉर्मेंस, कैशिंग, और JS का उपयोग

  • Hugo, SvelteKit, या hand-rolled सेटअप्स पर बने स्टैटिक ब्लॉग्स अक्सर परफेक्ट Lighthouse स्कोर हासिल करते हैं।
  • यदि पेज तेज़ी से जनरेट होते हैं, तो कैशिंग को कम महत्वपूर्ण माना जाता है; भूगोल के लिए CDNs अधिक मायने रखते हैं।
  • कई लोग तर्क देते हैं कि बहुत सी स्टैटिक साइट्स को बहुत कम या बिल्कुल JavaScript की जरूरत नहीं होती; जो भी JS जोड़ा जाए, वह जानबूझकर होना चाहिए।

AI और फ्रेमवर्क का भविष्य

  • कई टिप्पणियाँ सुझाव देती हैं कि AI/LLMs यह कर सकते हैं:
    • जल्दी से कस्टम static site generators या सरल frameworks बनाना।
    • DX की परेशानी की भरपाई करके raw HTML/CSS/JS को अधिक आकर्षक बनाना।
  • कुछ लोग अनुमान लगाते हैं कि बड़े, फीचर-भारी frameworks घट सकते हैं क्योंकि उनका DX लाभ कम होता जा रहा है और उनका security surface बढ़ रहा है।
  • अन्य लोग चेतावनी देते हैं कि LLM टूल्स अक्सर Next.js जैसे लोकप्रिय stacks को डिफ़ॉल्ट मान लेते हैं, हालांकि स्पष्ट निर्देश उन्हें सीमित कर सकते हैं।