import type { Metadata } from "next";

export const metadata: Metadata = { title: "Altyapı" };

export default function AltyapiPage() {
  return (
    <div style={{ maxWidth: "100%" }}>
      <div className="page-title">Altyapı</div>
      <p style={{ fontSize: "0.8rem", color: "var(--text-muted)", marginBottom: "2rem" }}>
        Bu sitenin nasıl çalıştığı
      </p>

      <div className="card prose" style={{ marginBottom: "1rem" }}>
        <h2>Tech Stack</h2>
        <ul>
          <li><strong>Framework:</strong> Next.js 15 (App Router)</li>
          <li><strong>Dil:</strong> TypeScript</li>
          <li><strong>Stil:</strong> Tailwind CSS + custom CSS variables (tema sistemi)</li>
          <li><strong>İçerik:</strong> Markdown dosyaları (gray-matter + remark)</li>
          <li><strong>Font:</strong> JetBrains Mono (monospace her yerde)</li>
          <li><strong>Tema:</strong> Dark/Light mode (localStorage tabanlı)</li>
        </ul>

        <h2>Hosting & Deployment</h2>
        <ul>
          <li><strong>Hosting:</strong> Vercel (free tier)</li>
          <li><strong>Domain:</strong> denizbektas.com.tr</li>
          <li><strong>CDN:</strong> Vercel Edge Network</li>
          <li><strong>CI/CD:</strong> GitHub → Vercel otomatik deploy</li>
          <li><strong>SSL:</strong> Otomatik (Let&apos;s Encrypt via Vercel)</li>
        </ul>

        <h2>İçerik Yönetimi</h2>
        <p>
          CMS yok. Markdown dosyaları doğrudan. Yeni bir yazı eklemek için
          <code>/content/blog/</code> klasörüne <code>.md</code> dosyası eklemek yeterli.
          Git commit → GitHub → Vercel deploy → 30 saniye.
        </p>

        <h2>RSS</h2>
        <p>
          RSS beslemeleri <code>/api/rss/*</code> route&apos;larından dinamik olarak üretiliyor.
          Blog, infosec ve podcast için ayrı beslemeler mevcut.
        </p>

        <h2>Gizlilik</h2>
        <ul>
          <li>Analytics yok (Google Analytics, Plausible, vb.)</li>
          <li>Cookie yok (tema tercihi hariç — localStorage)</li>
          <li>Üçüncü taraf script yok (font CDN hariç)</li>
          <li>Log tutulmuyor (Vercel&apos;in standart logları hariç)</li>
        </ul>

        <h2>Kaynak Kodu</h2>
        <p>
          Bu sitenin kaynak kodu açık kaynak:{" "}
          <a href="https://github.com/bugresearch/denizbektas.com.tr" target="_blank" rel="noopener noreferrer">
            github.com/bugresearch/denizbektas.com.tr
          </a>
        </p>

        <h2>Performans Hedefleri</h2>
        <ul>
          <li>Lighthouse Score: 95+</li>
          <li>First Contentful Paint: &lt;1s</li>
          <li>JavaScript: Minimum (sadece tema toggle)</li>
          <li>Sayfa boyutu: &lt;100KB (font hariç)</li>
        </ul>

        <h2>Tasarım Felsefesi</h2>
        <p>
          Terminal estetik. Monospace font her yerde. Minimal JavaScript.
          İçerik odaklı. Hızlı. Okunabilir.
        </p>
        <blockquote>
          &quot;The best interface is no interface.&quot; — Golden Krishna
        </blockquote>
      </div>
    </div>
  );
}
