Next.js 16.3 хувилбар 2026 оны 8-р сард гарсан бөгөөд гол шинэчлэлт нь Instant Navigations юм. Хуудас сервер дээр рендерлэгдсэн хэвээр байх ч хэрэглэгч холбоос дармагц дараагийн хуудас шууд харагддаг болсон.
Хэрхэн ажилладаг вэ?
Instant Navigations хоёр боломж дээр суурилна:
- Cache Components — маршрут бүрт шууд харуулж болох статик, кэшлэгдсэн болон fallback UI-аас бүрдсэн "бүрхүүл" (shell) бэлдэнэ. Динамик агуулга Suspense-ээр дараа нь урсаж ирнэ.
- Partial Prefetching — дэлгэц дээр харагдаж буй Link-үүдийн бүрхүүлийг дарахаас өмнө татаж авч, нэг маршрут руу чиглэсэн бүх холбоост дахин ашиглана.
Хоёуланг нь next.config дотор cacheComponents: true, partialPrefetching: true гэж идэвхжүүлнэ.
Кэш ба шинэчлэлт
Өгөгдөл уншдаг функцийг 'use cache' директивээр тэмдэглэхэд Next.js үр дүнг дахин ашиглана. cacheLife-аар кэшийн хугацааг, cacheTag-аар шошгыг тохируулж, Server Action дотроос updateTag дуудаж тухайн шошготой өгөгдлийг шинэчилнэ. Тодорхой нэг холбоосны агуулгыг бүхэлд нь урьдчилан татах шаардлагатай бол Link-д prefetch={true} өгнө.
Бусад шинэлэг зүйлс
- useOffline hook — холболт тасрахад навигаци болон Server Action-ыг хүлээлгэж, дахин холбогдоход автоматаар давтана (туршилтын шатанд, production-д зөвлөдөггүй)
- React-ийн ViewTransition — Suspense-ийн агуулга гарч ирэх, жагсаалт өөрчлөгдөх, хуудас шилжихийг хөдөлгөөнтэй болгоно
- @next/playwright багцын instant() туслах функц — шилжилт үнэхээр шуурхай байгааг e2e тестээр баталгаажуулна
Шилжих үү?
Next.js 15-ын аюулгүй байдлын дэмжлэг 2026 оны 10-р сарын 21-нд дуусах тул 16 руу шилжих шалтгаан улам нэмэгдэж байна. Next.js баг Cache Components болон Partial Prefetching руу шилжих алхамчилсан зааврыг баримт бичигтээ нийтэлсэн.