MDX ile teknik blog mimarisi
Sunucuda derleme, kod vurgusu, slug ve ISR — portfolyo blog katmanının nasıl kurulduğu.
~1 dk okuma
Goruntulenme sayaci su anda devre disi.
MDXNext.jsSEO
Bu portfolyoda blog yazıları dosya sistemi + MDX ile yönetiliyor. CMS yerine Git geçmişi kaynak doğruluğu sağlıyor.
Frontmatter sözleşmesi
Her yazı başlık, açıklama, tarih ve etiket taşır. reading-time paketi okuma süresini meta olarak üretir.
---
title: Örnek yazı
description: Kısa özet
date: "2026-04-20"
tags:
- Next.js
---Derleme hattı
compilePostMDX içinde:
remark-gfm— tablolar, görev listelerirehype-pretty-code— sözdizimi vurgusurehype-slug— başlık anchor’ları
Sayfa revalidate = 3600 ile ISR kullanır; içerik değişince saatlik yenilenir.
Görüntülenme sayacı
Redis varsa /api/views/[slug] POST ile artar; yoksa BlogViewTracker bunu kullanıcıya söyler — sessiz hata yok.
Neden bu seçim?
Küçük blog için Postgres + admin paneli fazla. MDX + ISR, maliyet ve karmaşıklık dengesini korurken teknik yazı formatını destekler.