Vercel, React Next.js çerçevesini 13.2 sürümünde yayınladı. Açık kaynak çerçevesinin arkasındaki geliştirme ekibi, SEO desteği için yeni bir meta veri API’sini entegre eder, Turbopack JavaScript paketleyicisinin önceki Webpack ile uyumluluğunu artırır ve Markdown MDX süper setinde React Server bileşenlerini kullanmanıza izin verir.
Entegre SEO desteği için yeni API
13.2 sürümünde çerçeve, arama motoru optimizasyonu için yerleşik destek sunar. Geliştirme ekibinin açıkladığı gibi, önceden oluşturulmuş HTML içeriği yalnızca arama motorları için dizine eklemeye yardımcı olmakla kalmamalı, aynı zamanda uygulama performansını da artırmalıdır. Önceden, Next.js zaten bir uygulama içinde meta verileri düzenlemek için basit bir API sağlıyordu (next/head), ancak ekip, Router Uygulamasını (app) İLE.
Bu nedenle, meta verileri şu şekilde tanımlamanıza izin veren yeni bir Meta Veri API’si sağlar: meta– VE link-Bir HTML içindeki etiketlerheaderelemanlara izin verilir. Bir sunucu bileşeni olarak kullanılabilen herhangi bir sayfada veya düzende açık bir meta veri yapılandırması mümkündür.
// app/layout.tsx
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Home',
description: 'Welcome to Next.js',
};
Meta Veri API’si, statik ve dinamik meta verilerle çalışır. Yönlendirici Uygulaması içindir (app) mevcuttur ve artık kullanımdan kaldırıldığı kabul edilen ve gelecekte atlanması gereken önceki head.js uygulamasının yerini alır. Yeni API’yi TypeScript, TypeScript eklentisi veya ekleyerek kullanmak için Metadatagerekli tür. Daha fazla bilgi ve örnek için Next.js bloguna ve API belgelerine bakın.
Webpack yükleyicilerle uyumlu Turbopack
Turbopack, Next.js 13’ten bu yana bir alfa sürümü olarak entegre edilmiştir. JavaScript paketleyicisinin Webpack’in halefi olduğu ve önemli ölçüde geliştirilmiş performansa sahip olduğu söylenmektedir. Next.js 13.2’de Turboback, @mdx-js/loader, @svgr/webpack ve babel-loader gibi bazı web paketi yükleyicileriyle kullanılabilir. Bunlar, çeşitli türlerdeki dosyaları JavaScript’e dönüştürmek için kullanılabilir.
Ayrıca geliştiriciler, turbopack’i, webpack’e benzer takma adlar kullanarak modül çözünürlüğünü değiştirecek şekilde yapılandırabilir. resolve.alias. ile kurulum tamamlandı experimental.turbo.resolveAlias:
// next.config.js
module.exports = {
experimental: {
turbo: {
resolveAlias: {
underscore: 'lodash',
mocha: { browser: 'mocha/browser-entry.js' },
},
},
},
};
Vercel’in temel geliştirme ekibine ek olarak, Google ve Meta gibi iş ortakları da MIT lisanslı açık kaynak çerçevesi Next.js üzerinde çalışıyor. Şu anda Next.js, npm paket yöneticisinde haftada 3,9 milyondan fazla indirmeye ve 100.000’den fazla GitHub yıldızına sahiptir. Geçen yıl, yaklaşık 19.400 GitHub yıldızı ekleyerek Next.js’yi “JavaScript Yükselen Yıldızlar” çalışmasının mevcut baskısında genel olarak dördüncü yaptı.
Next.js blogu, yeni sürümle ilgili tüm ayrıntılara sahiptir.
(Mayıs)
Haberin Sonu
Entegre SEO desteği için yeni API
13.2 sürümünde çerçeve, arama motoru optimizasyonu için yerleşik destek sunar. Geliştirme ekibinin açıkladığı gibi, önceden oluşturulmuş HTML içeriği yalnızca arama motorları için dizine eklemeye yardımcı olmakla kalmamalı, aynı zamanda uygulama performansını da artırmalıdır. Önceden, Next.js zaten bir uygulama içinde meta verileri düzenlemek için basit bir API sağlıyordu (next/head), ancak ekip, Router Uygulamasını (app) İLE.
Bu nedenle, meta verileri şu şekilde tanımlamanıza izin veren yeni bir Meta Veri API’si sağlar: meta– VE link-Bir HTML içindeki etiketlerheaderelemanlara izin verilir. Bir sunucu bileşeni olarak kullanılabilen herhangi bir sayfada veya düzende açık bir meta veri yapılandırması mümkündür.
// app/layout.tsx
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Home',
description: 'Welcome to Next.js',
};
Meta Veri API’si, statik ve dinamik meta verilerle çalışır. Yönlendirici Uygulaması içindir (app) mevcuttur ve artık kullanımdan kaldırıldığı kabul edilen ve gelecekte atlanması gereken önceki head.js uygulamasının yerini alır. Yeni API’yi TypeScript, TypeScript eklentisi veya ekleyerek kullanmak için Metadatagerekli tür. Daha fazla bilgi ve örnek için Next.js bloguna ve API belgelerine bakın.
Webpack yükleyicilerle uyumlu Turbopack
Turbopack, Next.js 13’ten bu yana bir alfa sürümü olarak entegre edilmiştir. JavaScript paketleyicisinin Webpack’in halefi olduğu ve önemli ölçüde geliştirilmiş performansa sahip olduğu söylenmektedir. Next.js 13.2’de Turboback, @mdx-js/loader, @svgr/webpack ve babel-loader gibi bazı web paketi yükleyicileriyle kullanılabilir. Bunlar, çeşitli türlerdeki dosyaları JavaScript’e dönüştürmek için kullanılabilir.
Ayrıca geliştiriciler, turbopack’i, webpack’e benzer takma adlar kullanarak modül çözünürlüğünü değiştirecek şekilde yapılandırabilir. resolve.alias. ile kurulum tamamlandı experimental.turbo.resolveAlias:
// next.config.js
module.exports = {
experimental: {
turbo: {
resolveAlias: {
underscore: 'lodash',
mocha: { browser: 'mocha/browser-entry.js' },
},
},
},
};
Vercel’in temel geliştirme ekibine ek olarak, Google ve Meta gibi iş ortakları da MIT lisanslı açık kaynak çerçevesi Next.js üzerinde çalışıyor. Şu anda Next.js, npm paket yöneticisinde haftada 3,9 milyondan fazla indirmeye ve 100.000’den fazla GitHub yıldızına sahiptir. Geçen yıl, yaklaşık 19.400 GitHub yıldızı ekleyerek Next.js’yi “JavaScript Yükselen Yıldızlar” çalışmasının mevcut baskısında genel olarak dördüncü yaptı.
Next.js blogu, yeni sürümle ilgili tüm ayrıntılara sahiptir.
(Mayıs)
Haberin Sonu