الشيء المثير حقًا في هذه الأداة الجديدة ليس فقط راحتها، بل القرار المعماري الأساسي وراءها. قد يعتقد الكثيرون أن الحاسبة البسيطة هي مرشح مثالي لتطبيق الصفحة الواحدة (SPA) باستخدام العرض من جانب العميل (CSR). أنت تعرف، بضعة مدخلات، بعض العمليات الحسابية السريعة، وReact يتولى الباقي. ومع ذلك، اختار المطور عمدًا Next.js مع العرض من جانب الخادم (SSR)، وإليك لماذا يهم هذا أكثر مما تتخيل، خاصة لأداة مصممة ليتم العثور عليها.
عندما يبحث شخص ما عن شيء محدد مثل «حاسبة جرعات BPC-157» على جوجل، فإن محرك البحث عادة لا ينفذ جميع أكواد JavaScript الخاصة بموقعك على الفور. إذا كانت حاسبتك تعتمد بالكامل على CSR، فإن زاحف جوجل يرى في البداية صفحة شبه فارغة وحزمة JavaScript. جميع التفاصيل المهمة – مدخلات الحاسبة، الملصقات، العناوين التي تخبر جوجل «هذه الصفحة تحسب جرعات الببتيد» – لا تصبح مرئية إلا *بعد* تشغيل JavaScript. وبينما تقوم جوجل *بالفعل* بتشغيل JavaScript، إلا أنها عملية أبطأ وثانوية. يمكن أن تضيف تأخيرات، وأحيانًا ساعات أو حتى أيام، ولدى جوجل ميزانية محدودة للعرض. إذا كانت حزمة JavaScript الخاصة بك ثقيلة جدًا، فقد لا يتم عرض صفحتك بالكامل للفهرسة.
هنا يبرز دور SSR. فمع Next.js SSR، تقدم صفحتك HTML معروضًا بالكامل في الطلب الأول. هذا يعني أن واجهة الحاسبة الفعلية، وملصقاتها، وهيكلها الدلالي موجودة كلها فورًا في كود HTML الخام. لا تحتاج جوجل إلى تشغيل سطر واحد من JavaScript الخاص بك لفهم محتوى صفحتك. يمكنها فهرسة حاسبتك على الفور وبدقة، مما يضمن أنه عندما يبحث باحث بيأس عن حل، يظهر موقع bpc157calculator.com بالفعل في نتائج البحث الخاصة به. لذا، بالنسبة للمطورين، هذا تذكير قوي: حتى بالنسبة للأدوات التفاعلية التي تبدو بسيطة، يمكن أن يكون SSR هو الفرق بين العثور عليك أو أن تكون غير مرئي على الإنترنت.