استخدام ميزة الصفحة الرئيسية المخصصة الجديدة

لقد كنت أستخدم هذا كثيرًا، جنبًا إلى جنب مع مكون Homepage Blocks الخاص بي. اقتراحان:

الفئات الافتراضية

لقد قمت بتعديل المكون بحيث يضيف دائمًا فئة homepage إلى الجسم وفئة active إلى رابط شريط جانبي مع href=\"/custom\". هل يمكن أن تكون هذه الميزات افتراضيات للمعدل؟

  api.onPageChange(() => {
    const currentRoute = router.currentRoute.name;
    const customHomepageLink = document.querySelector(
      '.sidebar-section-link[href="/custom"]'
    );

    if (currentRoute === "discovery.custom") {
      document.body.classList.add("homepage");
      if (customHomepageLink) {
        customHomepageLink.classList.add("active");
      }
    } else {
      document.body.classList.remove("homepage");
      if (customHomepageLink) {
        customHomepageLink.classList.remove("active");
      }
    }
  });
});

(في البداية أردت إضافة رابط الشريط الجانبي افتراضيًا، ولكن عدم القدرة على تعديل مثل هذا الرابط في الواجهة يبدو لي عيبًا حقيقيًا، انظر How can I edit sidebar links that are added with api.addCommunitySectionLink?)

عرض سريع لأول مرة

لن أعرف كيف أتعامل مع هذا من الناحية الفنية. لكنني أتساءل، إذا وصلنا إلى صفحة رئيسية مخصصة، والتي تعرض عادةً مجموعة محدودة من المحتوى، هل يمكننا تحسين FCP للصفحة الرئيسية وعرضها بالفعل أثناء تحميل بقية التطبيق؟ ربما أساء فهم طبيعة بنية التطبيق الواحد هنا.. إنه مجرد شعور مخيب للآمال بعض الشيء أن يتم تقديم الرسوم المتحركة للتحميل أولاً، ثم الوصول إلى صفحة بسيطة إلى حد ما، والتي يمكن أن تكون موجودة على الفور بحد ذاتها.

4 إعجابات