Next js dinamik meta tagları

BLOG

Next.js 24.08.2021 12:53:09

Bugün Next.js'de girdiğimiz her sayfada meta taglarımızın değişmesini sağlayacağız.

Öncelikle Next.js projemizde/pages/index.js'e giriyoruz. Sonrasındaimport Head from "next/head"yazarak Next.js'in kütüphanesinden Head'i projemize dahil ediyoruz. Sonrasındareturn()'ün içine Head etiketini açıyoruz.index.js'de vericeğimiz Head etiketi bizim sayfaya ilk girdiğimizde gözükecek title'dır hemen Head etiketinin içine bir title ekleyip deneyelim.

Bu yöntem ile her sayfamızın başına Head etiketini ekleyerek title'ı dinamik yapabiliriz.

Kategori

Web Tasarımı (33)

SEO Optimizasyon (13)

Yeni Türk Ticaret Kanunu (2)

Yazılım (32)

İnternet (45)

Teknoloji (31)

Sosyal Medya (2)

KURUMSAL (1)

Haber (3)

React (6)

Next.js (5)