‏خداحافظی با Next.js؛ فریم‌ورکی که AI نوشت

مکس لایتر تو پستش نوشته از اول سپتامبر ۲۰۲۶ سایتش دیگه روی Next.js نیست و به‌جاش یه فریم‌ورک اختصاصی نشسته که خودش سفارش داده: مدل Fable معماری رو چیده و Opus پیاده‌سازی کرده، و حدود سه ساعت بعد یه نسخهٔ قابل نگاه‌کردن داشته. سایت کاملاً استاتیکه و موقع build به HTML تبدیل می‌شه، ولی React و MDX و پردازش سنگین زمان build کم نداشت.

عددها تفاوت رو نشون می‌دن. HTML صفحهٔ اصلی از ۲۴.۷ به ۱۶.۳ کیلوبایت رسیده، جاوااسکریپت اولیه از ۲۰۸ کیلوبایت تو ۱۱ فایل به ۲.۳ کیلوبایت، و Lighthouse موبایل از ۹۸ با LCP ۲.۴ ثانیه به ۱۰۰ با LCP ۱.۳ ثانیه. بیلد گرم از ۲.۴ ثانیه به نیم ثانیه و بیلد روی ورسل از ۲۸ به ۱۱ ثانیه اومده پایین. کل کار حدود ۶۶۹ دلار مصرف API داشته، یعنی حدود ۱۰ درصد اشتراک ۲۰x نویسنده.

خود فریم‌ورک بیشتر شبیه یه اسکریپت بیلده: فایل build.ts پوشهٔ پست‌ها رو می‌خونه، هر مسیر رو سمت سرور با React رندر می‌کنه و خروجی رو تو قالب Build Output API ورسل می‌ریزه. صفحه‌های محتوایی هیچ جاوااسکریپتی ندارن جز یه اسکریپت ۲ کیلوبایتی inline برای تم و Cmd+K. بخش‌های تعاملی به شکل island لود می‌شن، یعنی فقط همون تیکه روی HTML آماده سوار می‌شه، اون هم با Preact که ۷ کیلوبایته به‌جای ۵۲ کیلوبایت React.

کلود یه parity harness هم نوشته که هر ۱۰۱ مسیر سایت قدیمی رو اسنپ‌شات می‌گیره و تگ‌های head و متن و بلاک‌های کد رو با بیلد جدید مقایسه می‌کنه؛ همین ابزار هشت پست منتشرنشده رو که به فید RSS نشت کرده بودن پیدا کرد. نویسنده معتقده معایبش هم کم نیست: هزاران بهینه‌سازی ریزی که Next بلده اینجا نیست و از این به بعد باگ و مسئلهٔ امنیتی مال خودته.

دو تا باگ مرورگری هم سر راه سبز شده که Next معمولاً قایمشون می‌کنه: کروم نیمهٔ ورودی view transition بین دو سند رو وقتی صفحهٔ مقصد اسکریپت ماژول خارجی تو head داره بی‌صدا رد می‌کنه، و سافاری پشتیبانی از speculation rules رو true گزارش می‌ده در حالی که فقط نصفش رو پیاده کرده. به گفتهٔ نویسنده همین دانش انباشته تو فریم‌ورک‌هاست که ارزش داره و شاید در آینده به شکل skill منتقل بشه.

نکات کلیدی:

• جاوااسکریپت اولیهٔ صفحهٔ اصلی از ۲۰۸ کیلوبایت تو ۱۱ فایل به ۲.۳ کیلوبایت رسید
• وزن صفحهٔ اصلی روی موبایل از ۱۱۵۳ کیلوبایت به ۷۸ کیلوبایت و LCP از ۲.۴ به ۱.۳ ثانیه رسید
• کل فریم‌ورک حدود ۵۰۰۰ خطه، در برابر صدها هزار خط Next.js و React
• هزینهٔ مدل‌ها ۶۶۹.۴۵ دلار و زمان API حدود ۸ ساعت و ۲۷ دقیقه بود
• تعداد پکیج‌های lockfile از ۷۰۶ به ۵۵۰ کم شد