# Künye: Bu site nasıl yapıldı

> samye.li nasıl yapıldı: Astro, kodla çizilen bir marka, iki dil, hem insanlar hem makineler için yazılmış sayfalar ve kendini denetleyen bir build.

Source: https://samye.li/tr/colophon/

Kişisel bir site hızlı, okunaklı ve nasıl yapıldığı konusunda dürüst olmalı. Bu sayfa, dürüst olan kısım.

samye.li statik bir site; Markdown dosyalarından ve birkaç TypeScript dosyasından üretiliyor: veritabanı yok, takip yok, siz okurken sunucuda çalışan hiçbir şey yok. Kaynak kodu [GitHub'da](https://github.com/RSametSamyeli/samye.li).

## Teknoloji

- Markdown ve MDX içerik koleksiyonlarıyla **[Astro](https://astro.build)**, **UnoCSS**, Vercel'in **Geist** ve **Geist Mono** yazı tipleri.
- Stephanie Lin'in [AntfuStyle](https://github.com/lin-stephanie/astro-antfustyle-theme) temasından başladı, sonra sadeleştirilip yeniden kuruldu.
- Statik dosyalar **Cloudflare Pages** üzerinde, Cloudflare'in ağından sunuluyor. `main` dalına yapılan bir push ancak CI'dan geçerse yayına çıkıyor: biçim, lint, tipler, derleme ve her sayfanın bağlantıları, meta verileri ve yanıt başlıkları denetleniyor.

## Tasarım

- Varsayılan olarak koyu; açık tema bir tık uzakta.
- İşaret, yani samye**.**li'deki vurgulu noktayla birlikte bir "s", kodla çiziliyor. Favicon, uygulama ikonları ve her paylaşım kartı build sırasında Satori ile bundan üretiliyor.
- İkincil metinler, iki temada da kontrastı ölçülmüş bir renk kullanıyor (WCAG AA); her sayfa türü axe ile denetleniyor.

## Makineler için

- Her sayfanın sade bir Markdown kopyası var; sayfa onu hem `<head>` içinde hem de `text/markdown` arayan istemciler için bir `Link` başlığında gösteriyor. [llms.txt](https://samye.li/llms.txt) ve [llms-full.txt](https://samye.li/llms-full.txt) tüm siteyi anlatıyor.
- Birbirine bağlı JSON-LD (Person, ProfilePage, BlogPosting, breadcrumb), hreflang ile eşleştirilmiş İngilizce ve Türkçe sayfalar, son değişiklik tarihli bir sitemap ve her yayından sonra IndexNow bildirimi.
- robots.txt arama motorlarına, yapay zekâ cevap motorlarına ve model eğitimine açık.

## Denetimler

- CI; format, lint, tip kontrolü ve build'i çalıştırıyor, ardından derlenmiş siteyi okuyan bir betik başlıkları, açıklamaları, canonical adresleri, paylaşım görsellerini, yapısal veriyi, iç bağlantıları, hreflang eşleşmelerini, sitemap'i ve yazım kurallarını denetliyor.
- Her yanıtta bir İçerik Güvenlik Politikası (CSP) ve diğer güvenlik başlıkları; güvenlik açığı bildirmek için bir [security.txt](https://samye.li/.well-known/security.txt).

## Gizlilik

- Çerez yok, üçüncü taraf takip aracı yok. Bir video ancak oynat düğmesine basınca, YouTube'un çerezsiz alan adından yüklenir.