Bu site nasıl yapıldı
Eski kitapların son sayfasındaki künye gibi: hangi harf, hangi renk, hangi araç. Önde bir kişisel site, arkada yalnızca bana açık bir panel var — ikisi aynı kod tabanında.
İşaret: Kesişim
İki harf, tek gövde. Gövdenin tepesindeki çizgi iki yana açılınca T oluyor; sağa uzanan kol aynı gövdeyi F'ye çeviriyor. 64 birimlik ızgarada 6,5 birim kalınlık, kesik uçlar ve sivri köşeler.
Zemin koyu mürekkep, çizgi o anki tema renginden açılıyor. Sayfa açılınca işaret kendini çiziyor — önce gövde, sonra üst çizgi ortadan iki yana, en son kol. Üzerine gelince yeniden.
Yazı
Başlıklar, rakamlar, düğmeler. Geometrik ama sert değil.
Metin. Türkçe karakterlerde — ğ, ş, ı, İ — rahat okunuyor.
Renkler
Beş pastel, her biri açık ve koyu zeminde ayrı ayarlanmış. Rengi ben seçiyorum; logo, sekme ikonu ve ana ekran ikonu da seçilen renge uyuyor.
Yığın
- Çatı
- Next.js 15 · App Router · React 19 Server Components
- Veri
- Drizzle ORM + libSQL, kendi sunucumda
- Stil
- Tailwind CSS 4 · CSS değişkenleriyle 5 renk × açık/koyu
- İçerik
- MDX — blog yazıları ve proje vakaları depoda
- Giriş
- Passkey (WebAuthn) — parola yok
- Yayın
- Vercel · ana dala her gönderimde otomatik
- Sayaç
- Kendi yazdığım, çerezsiz — IP saklanmaz, benim ziyaretlerim sayılmaz
Arkada: panel
Yalnızca bana açık; telefonda uygulama gibi çalışıyor.
Hesaplar, kart ekstresi, taksit ve abonelikler, bütçe, banka ekstresi içe aktarma, otomatik talimatlar.
Günlük antrenman kaydı, vücut ölçümleri, 54 hareketlik kütüphane ve program oluşturucu.
Görevler, notlar, okuma listesi ve gezi haritası.
3.598 kelimelik İngilizce destesi — aralıklı tekrar, şıklı test ve kontrol soruları.
Neyin ne zaman değiştiği Değişiklikler'de, şu sıralar ne yaptığım Şimdi'de.