Next.js App Router ile SEO dostu bir blog
Yazıları sunucuda HTML olarak üretmek, JSON-LD eklemek ve RSS sunmak. Bu blogun altyapısı nasıl çalışıyor?
- Yayın
- Okuma
- 1 dakika
- Konu
- Next.js, SEO, Performans
Uslu’ya imlecini yaklaştır; kısa bir yolculuğa eşlik etsin.
Tek sayfa uygulamalarının en büyük sorunu, arama motorunun sayfayı anlamak için JavaScript çalıştırmak zorunda kalması. Next.js App Router'da varsayılan davranış tersine dönüyor: Server Component'ler sunucuda saf HTML olarak üretiliyor.
Yazılar Markdown dosyası
Her yazı content/posts klasöründe bir .md dosyası. Başındaki frontmatter başlığı, özeti, tarihi ve etiketleri tutuyor:
---
title: Yazının başlığı
summary: Listede görünecek bir iki cümle.
date: 2026-10-28
tags: [Next.js, SEO]
---Yeni bir yazı eklemek için tek yapmanız gereken bu klasöre bir dosya bırakmak.
Derleme anında HTML
Markdown, unified ile HTML'e çevriliyor. Kod blokları rehype-pretty-code ve Shiki ile derleme anında renkleniyor, yani tarayıcıya ek JavaScript gitmiyor. Sonuç "use cache" ile önbellekleniyor.
Makineler için yapılandırılmış veri
Meta etiketler yetmez. Her yazı sayfası bir BlogPosting JSON-LD bloğu içeriyor; arama motoru kimin yazdığını ve ne zaman yayımlandığını doğrudan okuyabiliyor.
RSS ve site haritası
/rss.xml ve /sitemap.xml aynı yazı listesinden üretiliyor. Bir yazı eklediğinizde ikisi de kendiliğinden güncelleniyor.