Bu siteyi yapmak

Bu site, tarayıcıda bir masaüstü işletim sistemini taklit ediyor.

Stack

• Next.js (App Router) ve React
• Pencere ve ayar state'i için Zustand
• Animasyonlar için Motion
• Sürüklenebilir, yeniden boyutlandırılabilir pencereler için react-rnd
• Bu yazılar için MDX

Pencere yöneticisi

Açık olan her pencere, Zustand store'unda konumu, boyutu, z-index'i ve küçültülmüş/büyütülmüş bayraklarıyla birlikte bir kayıttır. Bir pencereye odaklanmak ona bir sonraki z-index'i verir. Küçük ekranlarda pencereler tam ekran açılır ve aynı anda yalnızca biri gösterilir.

Erişilebilirlik

Profilin metin özeti sunucuda render edilir; böylece crawler'lar ve ekran okuyucular masaüstü arayüzünü çalıştırmadan içeriğe ulaşır.