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.

Teknoloji#

  • Markdown ve MDX içerik koleksiyonlarıyla Astro, UnoCSS, Vercel’in Geist ve Geist Mono yazı tipleri.
  • Stephanie Lin’in AntfuStyle 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 ve 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.

Gizlilik#

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