مرجع استفاده از تنظیمات devIndicators در فایل next.config.js

آشنایی با فایل next.config.js در Next.js

یکی از قابلیت‌هایی که در این فایل می‌توان تنظیم کرد، devIndicators است. این قابلیت به شما کمک می‌کند شاخص‌های مختلف توسعه‌ای را به صورت بصری در محیط توسعه مشاهده کنید و با مشکلات کد سریع‌تر و آسان‌تر آشنا شوید. مثلاً می‌توانید متوجه بشوید که کدام صفحات به صورت استاتیک پیش تولید شده‌اند یا کدام‌ها بر اساس نیاز کاربر لود می‌شوند.

آشنایی با گزینه devIndicators در Next.js

پارامتر devIndicators یک شیء است که می‌تواند تنظیمات زیر را داشته باشد:

• autoPrerender: false - از پیش‌رندر شدن خودکار صفحات جلوگیری می‌کند.


• buildActivity: false - شاخص‌های فعالیت ساخت پروژه را غیرفعال می‌کند.

نحوه استفاده از devIndicators در next.config.js

اکنون بیایید نگاهی به قطعه کدی بیندازیم که نشان می‌دهد چگونه می‌توان devIndicators را در next.config.js پیکربندی کرد.

        module.exports = {
          devIndicators: {
            autoPrerender: false,
            buildActivity: false  
          }
        }
    

توضیح خط به خط کد

module.exports-
این خط از کد به شما امکان می‌دهد تنظیمات و ماژول‌های تعریف شده در فایل next.config.js را در بقیه‌ی پروژه استفاده کنید.

devIndicators: { }-
این یک شیء است که شامل تنظیمات visual indicators مربوط به محیط توسعه است.

autoPrerender: false-
این گزینه، از پیش‌رندر شدن خودکار صفحات در حالت توسعه جلوگیری می‌کند.

buildActivity: false-
با تنظیم این گزینه بر روی false، فعالیت‌های مربوط به ساخت و خروجی‌گیری در بخش توسعه مخفی می‌شوند.