mylcin.vercel.app

Bir kılavuz sayfası gibi okunan ve aynı zamanda komut satırı olan kişisel bir web sitesi. ⌘K’ye — ya da konsol düğmesine — bas; aynı içerik ls, cd ve cat ile gezilebilir hâle gelsin.

Portfolyolar genelde bir kez kaydırılıp geçilen sayfalardır. Ben kurcalaması da keyifli bir tane istedim: aynı içerik, ister bir belge gibi okunabiliyor ister komut satırından gezilebiliyor.

Hepsi — tasarım, içerik modeli, front-end ve kabuk.

1. 01

   Konsol URL’yi yansıtıyor

   İstemdeki çalışma dizini mevcut sayfanın yolu. ls, cd ve cat gerçek site yapısında dolaşıyor; yani kabuk ayrı bir uygulama değil, aynı sitenin başka bir arayüzü.

2. 02

   İçerik bileşen değil, veri

   Projeler, deneyim ve metinler tipli dosyalarda; yazılar sunucuda derlenen MDX. Yeni bir proje ya da dil eklemek arayüz koduna dokunmayı gerektirmiyor.

3. 03

   İki dil, tek bileşen seti

   Dil önekli yollar, eksik çevirinin tip hatası sayıldığı sözlükler ve çevirisi olmayan yazılarda 404 yerine aslına dönen bir yapı.

4. 04

   Animasyon kütüphanesi yok

   Her geçiş CSS ya da View Transitions API ile yapılıyor, her biri bir durum değişikliğini işaret ediyor ve hepsi prefers-reduced-motion ile devre dışı kalıyor.

• Next.js
• React
• TypeScript
• Tailwind CSS
• MDX
• Vercel