xFrightfull Portfolio
Bu veb sayt: Astro və TypeScript ilə statik şəkildə qurulmuş, çoxdilli və mövzulu şəxsi portfolio.
Ümumi baxış
Tam nəzarət etdiyim, mərhələlərlə böyüməsi üçün qurulmuş şəxsi portfolio. 1-ci mərhələ təməli yaradır: dizayn sistemi, üç mövzu, üç dil, layihə vitrini və GitHub bölməsi.
Həll edilən problem
Başqa platformadakı profil səhifəsini sərbəst formalaşdırmaq, tam tərcümə etmək və hazırladıqlarımın uzunmüddətli qeydini saxlamaq mümkün deyil. Mənə məxsus, tez yüklənən və asan genişləndirilə bilən bir yer istədim.
İcra və dizayn qərarları
Hər rəng, ölçü və boşluq dəyəri CSS xüsusi xassələrində yaşayır, buna görə üç mövzu sadəcə fərqli token dəstləridir. Bütün mətnlər tək tipli lüğətdən gəlir və hər dil öz statik səhifələri kimi əvvəlcədən yaradılır; brauzerdə işləyən tərcümə kodu yoxdur.
Məzmun (layihələr, bacarıqlar, alətlər, keçidlər) sadə tipli verilənlərdir. Komponentlər verilənlərin təsvir etdiyini göstərir; yəni layihə əlavə etmək heç bir komponentə toxunmağı tələb etmir.
Texnologiyalar və alətlər
- Astro
- TypeScript
- CSS
- Vercel (planned hosting)
Çətinliklər və həllər
-
Çətinlik
İcra zamanı i18n kitabxanası olmadan üç dil.
Həll
Tək tipli lüğətdən yaradılan, dil prefiksli statik marşrutlar. Çatışmayan açarlar tərtib zamanı xəta verir və hər səhifə tam tərcümə olunmuş HTML kimi gəlir.
-
Çətinlik
Yanlış rənglərin yanıb-sönməsi olmadan mövzu dəyişmə.
Həll
Sənəd başlığındakı kiçik daxili skript yadda saxlanmış mövzunu ilk render-dən əvvəl tətbiq edir.