About this site
Colophon
This site is designed and built by Bayram Öztürk. Every component is hand-crafted — no template, no page builder. The goal: fast, accessible, beautiful.
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.
Performance
Target: 100 on all Lighthouse metrics. Fonts are self-hosted via next/font (zero CDN requests). Images are optimized with next/image. No external CSS or JS loaded synchronously.
✓Performance
✓Accessibility
✓Best Practices
✓SEO
Source code
Available on GitHub. Feel free to explore.