← Blog'a geri dön
·8 dk okuma·

Next.js 16.3: Instant Navigations ve bir ajanın gerçekten anlayacağı repo

Next.js 16,3, 3 Ağustos 2026'da stabil hale geldi. Anında Gezinmeler, sunucu tarafından oluşturulan bir sitenin SPA gibi hissetmesini sağlar. AGENTS.md, paketlenmiş belgeler ve beceriler, kodlama aracılarının 2024'ten itibaren APIs icat etmesini durduruyor. Bu ay mevcut bir Next.js sitesinde aslında ne yapardım.

Next.jsReactAGENTS.mdMCPPerformansVercel

Next.js 16,3, 3 Ağustos 2026'da stabil hale geldi. Bu sürümdeki iki şey aslında bu ay bir iş sitesini değiştiriyor. Anında Gezinmeler, istemci odaklı SPA'larla eski boşluğu dolduruyor: tıklamalar, sunucuyu atmadan anında hissediliyor. Aracı araçları - node_modules'taki sürüm uyumlu belgelere, birinci taraf becerilerine, geliştirici sunucusunda daha sıkı bir MCP uç noktasına işaret eden AGENTS.md, bir kodlama aracısının 2024 blog gönderisinden önbellek APIs icat etmesini durdurur.

Pazarlama anasayfasında Next.js’in bir site kurucuyu neden geride bıraktığını ve 2026 frontend mühendis haritasını zaten yazdım. Bu başka bir trend listesi değil. Gerçekten üzerine gideceğim sürüm: müşterinin algıladığı hız ve sonraki PR’ı yazan ajana yalan söylemeyen bir repo.

1. Instant Navigations: site bir uygulama gibi durmalı

Müşteriler HTML’in sunucuda render edildiğini umursamaz. Sonraki tıklamanın beyaz ekran çakmamasını umursar. Yıllarca SPA’nın vaadi buydu; bedeli şişman bir istemci bundle’ı ve daha zayıf SEO’ydu. Instant Navigations, 16.3’te isteğe bağlı açılan pakettir: sunucu güdümlü model kalır, prefetch ve geçişler yine de bir istemci uygulaması gibi çalışır. Mağaza, rezervasyon akışı veya sayfalı bir blog için bu demo değil, dönüşüm işidir.

Birinci gün her rotayı açmazdım. Gelir getiren yolları seçerdim - katalogdan ürüne, takvimden ödemeye, yazıdan temasa - ve LCP ile INP’yi öncesi ve sonrası ölçerdim. Core Web Vitals hâlâ ciroya karar verir. Instant Navigations, bir megabayt daha enjekte eden WordPress eklentileri olmadan SPA hissi verir.

2. AGENTS.md: ajanın geçen yılın dokümanını okumasını engelleyin

2026’daki pahalı arıza «ajan kod yazamıyor» değildir. Artık var olmayan bir Next.js API’sine karşı kod yazan ajandır. Eğitim verisi çerçeveden geride kalır. Vercel’in 16.3’teki yanıtı: next dev çalıştırmak, yüklü next paketindeki dokümanlara işaret eden bir AGENTS.md bloğu yazar ve günceller. Ajan gerçekten çalıştırdığınız sürümü okur. İstek üzerine doküman çeken eski bilgi skill’lerini kaldirdılar - her zaman orada duran sürümlü dosyalar, modelin atlayabileceği bir aramadan daha güvenilirdir.

O dosyayı commit edin. Ev kurallarınızı yönetilen işaretleyicilerin dışına koyun. Bir kütüphane tutuyorsanız kalıbı alın: ajanın import edeceği kodun yanına aynı sürümlü doküman koyun. Vibe coding’in ne olduğunu zaten yazdım. Vibe coding’in geçen yılın cache API’sini yayınlamasını böyle engellersiniz.

3. Skill’ler, MCP, agent-browser - ummayın, doğrulayın

16.3, dev döngüsü ve Cache Components’i dilimler halinde benimseme için resmi skill’ler sunar. /_next/mcp üzerindeki MCP sunucusu, ajanın tam bir next build olmadan rotanın derlenip derlenmediğini sormasına izin verir. agent-browser - React DevTools introspeksiyonuyla - parse edemediği bir ekran görüntüsüne bakmak yerine ağacı, bekleyen Suspense’i, ağı, Web Vitals’ı okur. «Bitti» diyen ajan ile sayfanın yüklendiğini gören ajan arasındaki fark budur.

  • Bir kez next dev çalıştırın, AGENTS.md / CLAUDE.md’i commit edin, kurallarınızı yönetilen bloğun dışında tutun.
  • React anlayan bir ajan kullanıyorsanız: next-dev-loop skill’i artı agent-browser, ve runtime’da doğrulasın deyin - yalnızca diff’te değil.
  • Cache Components: resmi skill ile dilim dilim benimseyin, her fetch’i hafta sonu yeniden yazmayın.

4. Bu ay mevcut bir Next.js sitesinde ne yapardım

Yükseltme kahraman bir hafta sonu değildir. Bir sıradır. Hâlâ 14 veya 15’teyseniz 16 ve 16.3’ün kırıcı değişiklikleri vardır - React Compiler, önbellek modeli, bundler. Yükseltme notlarını okurdum, gelir getiren rotalarda Instant Navigations’ı açardım, ajan dosyalarını commit ederdim, ancak o zaman Cache Components’e dokunurdum. Bir salona «16.3’e geçtik» diye özellik satmazdım. Daha hızlı tıklama ve daha az ajan regresyonu satardım.

Sonuç: SPA hissini alın, sunucuyu tutun, ajana doğruyu söyleyin

16.3 bir yeniden tasarım değildir. Bunlar, sunucu tarafından oluşturulan bir sitedeki SPA benzeri tıklamalardır ve yüklediğiniz bir sonraki paketle eşleşen belgelerdir; böylece bir aracı hayalet göndermeyi durdurur. Pazarlama siteniz hâlâ 14'teyse veya bir temsilci APIs'i icat etmeye devam ediyorsa, bu ay kapsamına alacağım yükseltme budur. Bu işi kıdemli bir web mühendisi olarak yapıyorum: Next.js yükseltmeler, para yolunda Anında Gezinmeler, repo ile mücadele etmeyen AGENTS.md. Mevcut Next sürümünüzü ve ağrının hız mı yoksa ajan karmaşası mı olduğunu form aracılığıyla yazın. “Göç” isimli bir slaytla başlamayacağız.

Tek tıkla işe alın

Beni tek tıkla geliştiriciniz olarak işe alın. İşletmeniz için dönüşüm odaklı web çözümleri - güvenli Upwork sözleşmesiyle.

Upwork üzerinden çalışalım

Projenizi konuşalım mı?

React ve Next.js konusunda uzman kıdemli bir web geliştiriciyim - dünya çapında freelance projelere açığım.

Google Takvim’de Görüşme Planla

Tarih ve saat seçin — Google Meet bağlantısı otomatik olarak oluşturulur.