Bu site hakkında
Colophon
Bu site Bayram Öztürk tarafından tasarlanıp geliştirildi. Her component elle yazıldı — template yok, page builder yok. Hedef: hızlı, erişilebilir, güzel.
Framework
Next.js 14App Router, RSC, ISR ile tam yığın React framework.
TypeScriptHer satırda tip güvenliği. Derleme zamanı hata yakalama.
React 18Concurrent rendering, Suspense, Server Components.
Stil & Animasyon
Tailwind CSSUtility-first CSS. Özel design token sistemi ile genişletildi.
Framer MotionScroll-triggered animasyonlar, sayfa geçişleri, hover efektleri.
DM Serif DisplaySerif başlık fontu. next/font ile self-hosted.
Instrument SansGövde fontu. Temiz ve okunabilir.
DM MonoMonospace font. Kod ve meta bilgiler için.
İçerik
MDXBlog yazıları Markdown + JSX. next-mdx-remote/rsc ile render.
gray-matterMDX frontmatter parse.
rehype-highlightKod bloğu syntax highlighting.
Backend & API
Next.js API Routesİletişim formu, bülten, beğeni, görüntülenme sayacı.
ResendE-posta gönderimi. İletişim formu + otomatik yanıt + bülten.
StripeHizmet ödemeleri. Checkout session + webhook.
Vercel KVRedis uyumlu key-value store. Beğeni + görüntülenme sayacı.
Deployment & Analytics
VercelCI/CD, preview deployments, edge network.
Vercel AnalyticsPrivacy-first ziyaretçi analitiği.
Vercel Speed InsightsCore Web Vitals izleme.
PlausibleCookie'siz, GDPR uyumlu ek analitik (opsiyonel).
SEO & Keşfedilebilirlik
Dinamik OG Image/og route ile her sayfa için otomatik sosyal medya kartı.
JSON-LDSchema.org Person structured data.
SitemapOtomatik sitemap.xml, tüm sayfalar ve blog yazıları.
RSS Feed/feed.xml — tam içerikli RSS, content:encoded namespace.
Performans
Hedef: tüm Lighthouse metriklerinde 100. Fontlar next/font ile self-hosted (sıfır CDN isteği). Görseller next/image ile optimize ediliyor. Senkron yüklenen harici CSS veya JS yok.
✓Performance
✓Accessibility
✓Best Practices
✓SEO
Kaynak kod
GitHub'da mevcut. İnceleyebilirsin.