Vercel, React Next.js çerçevesinin yeni bir küçük sürümünü yayınladı. Sürüm 13.4, App Router’a kararlılık getirir, deneysel sunucu eylemleri sunar ve Turbopack JavaScript paketleyicisini alfa durumundan beta durumuna zorlar. 2.600’den fazla bireysel geliştiriciye ve Vercel’in çekirdek ekibine ek olarak, Google ve Meta gibi ortak şirketler de sürüme katkıda bulundu.
Yeni Uygulama Yönlendiricisinin kurulması
Geliştirme ekibinin açıkladığı gibi, Next.js, App Router’ın stabilizasyonu ile çerçevenin “yeni nesline” geçiyor. Yönlendirici, Next.js’nin kalbidir, ancak yalnızca yönlendiricinin kendisiyle ilgili değildir, aynı zamanda veri alma gibi diğer bileşenlerle nasıl entegre olduğuyla da ilgilidir.
Sürüm 13.0 yeniyi tanıttı app/dizini, bir beta sürümündeki RFC düzeninin bir sonucu olarak. Artık stabil kabul edilen App Router, React Server Components tabanlı tamamen revize edilmiş bir mimariye sahiptir. Bu, geliştirme ekibinin, orijinal olarak React ilkellerini genişletmesi amaçlanan Next.js’ye özgü API’leri kaldırmasına izin verdi. Yani artık bir özel oluşturmak gerekli değildir. _app– Genel paylaşılan düzeni özelleştirmek için kullanılacak dosya.
Vercel önceki varyantı gösterir
// Pages Router
// pages/_app.js
// This "global layout" wraps all routes. There's no way to
// compose other layout components, and you cannot fetch global
// data from this file.
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
ve yeni Uygulama Yönlendirici ile nasıl devam edileceği
// New: App Router
// app/layout.js
//
// The root layout is shared for the entire application
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
// app/dashboard/layout.js
//
// Layouts can be nested and composed
export default function DashboardLayout({ children }) {
return (
<section>
<h1>Dashboard</h1>
{children}
</section>
);
}
Turbopack beta aşamasını başlatıyor
Ayrıca ilk olarak Next.js 13.0’da alfa olarak sunulan Turbopack, ilk beta sürümüne ulaştı. Rust tabanlı JavaScript paketleyicisinin, popüler önceki web paketinin yerini alması amaçlanmıştır ve önemli ölçüde geliştirilmiş performans sunar. Geliştirme ekibine göre Turbopack, henüz webpack ve Next.js ile eşit düzeyde olmasa da artık ek işlevler aldı. Çoğu kullanım durumu hala uygulanabilir olmalıdır. Beta aşamasında, mevcut hataları düzeltmeye ve kararlılık üzerinde çalışmaya devam etmeye odaklanılmalıdır.
Beta sürümü kullanılarak Next.js 13.4’e yüklenebilir. next dev --turbo kullanım.
Geliştirme ekibi, yeni sürümle ilgili diğer tüm ayrıntıları bir blog gönderisinde derledi.
(Mayıs)
Haberin Sonu
Yeni Uygulama Yönlendiricisinin kurulması
Geliştirme ekibinin açıkladığı gibi, Next.js, App Router’ın stabilizasyonu ile çerçevenin “yeni nesline” geçiyor. Yönlendirici, Next.js’nin kalbidir, ancak yalnızca yönlendiricinin kendisiyle ilgili değildir, aynı zamanda veri alma gibi diğer bileşenlerle nasıl entegre olduğuyla da ilgilidir.
Sürüm 13.0 yeniyi tanıttı app/dizini, bir beta sürümündeki RFC düzeninin bir sonucu olarak. Artık stabil kabul edilen App Router, React Server Components tabanlı tamamen revize edilmiş bir mimariye sahiptir. Bu, geliştirme ekibinin, orijinal olarak React ilkellerini genişletmesi amaçlanan Next.js’ye özgü API’leri kaldırmasına izin verdi. Yani artık bir özel oluşturmak gerekli değildir. _app– Genel paylaşılan düzeni özelleştirmek için kullanılacak dosya.
Vercel önceki varyantı gösterir
// Pages Router
// pages/_app.js
// This "global layout" wraps all routes. There's no way to
// compose other layout components, and you cannot fetch global
// data from this file.
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
ve yeni Uygulama Yönlendirici ile nasıl devam edileceği
// New: App Router
// app/layout.js
//
// The root layout is shared for the entire application
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
// app/dashboard/layout.js
//
// Layouts can be nested and composed
export default function DashboardLayout({ children }) {
return (
<section>
<h1>Dashboard</h1>
{children}
</section>
);
}
Turbopack beta aşamasını başlatıyor
Ayrıca ilk olarak Next.js 13.0’da alfa olarak sunulan Turbopack, ilk beta sürümüne ulaştı. Rust tabanlı JavaScript paketleyicisinin, popüler önceki web paketinin yerini alması amaçlanmıştır ve önemli ölçüde geliştirilmiş performans sunar. Geliştirme ekibine göre Turbopack, henüz webpack ve Next.js ile eşit düzeyde olmasa da artık ek işlevler aldı. Çoğu kullanım durumu hala uygulanabilir olmalıdır. Beta aşamasında, mevcut hataları düzeltmeye ve kararlılık üzerinde çalışmaya devam etmeye odaklanılmalıdır.
Beta sürümü kullanılarak Next.js 13.4’e yüklenebilir. next dev --turbo kullanım.
Geliştirme ekibi, yeni sürümle ilgili diğer tüm ayrıntıları bir blog gönderisinde derledi.
(Mayıs)
Haberin Sonu