Neden Bir CMS ile Portfolyo Oluşturmaliyiz

Statik site uretecleri geliştirici portfolyolari için varsayilan secimdir ve sitenizi hic güncellemiyorsaniz iyi çalışırlar. Gerçeklik farklidir. Bir projeyi bitirirsiniz, portfolyonuze eklemek istersiniz ve aniden build pipeline'lari, deployment scriptleri ve CI/CD'nin bitmesini bekleme ile ugrasirsiniz. JekCMS ile admin'e giriş yaparsiniz, projenizi eklersiniz, ekran görüntularini yuklersiniz ve 30 saniye icinde yayinda olur.

Kişisel temayi özellikle portfolyolar ve kişisel siteler için oluşturduk. Proje vitrini, beceri gorunumu, zaman cizelgesi, iletisim formu ve karanlık mod kutudan cikar cikmaz hazir gelir.

Tema Yapilandirmasi

JekCMS'yi Kişisel tema ile kurduktan sonra ilk adim Admin > Ayarlar'da kimliginizi yapılandırmaktir: site adi, slogan, logo, sosyal linkler. Tema bunlari site_settings tablosundan okur ve header, footer ve iletisim bolumunde otomatik olarak görünteler.

Proje Vitrini

Projeler services tablosunda saklanir (portfolyo ogeleri için yeniden amaclandirilmis). Her projenin basligi, açıklamasi, kategorisi, görseli ve URL'si vardir. Proje izgarasi auto-fill ve minmax(320px, 1fr) ile CSS Grid kullanir, boylece medya sorgulari olmadan mobilden masaustune uyum sağlar.

Beceri Bolumu

Beceriler yuzde cubuklari yerine kategorize edilmis bir liste olarak görüntulenir (yuzde cubuklari anlamsizdir — "%85 JavaScript" ne anlama gelir?). Kategoriye gore gruplandililmis bir etiket-bulutu stili duzen kullaniriz: Diller, Frameworkler, Araclar.

Zaman Cizelgesi / Deneyim

Deneyim zaman cizelgesi team tablosunu zaman cizelgesi girişleri olarak kullanir. CSS dikey bir cizgi ve degisimli sol/sag kartlar oluşturur. Mobilde tek sutuna doner.

Karanlik Mod

Kişisel tema varsayilan olarak karanlık mod etkin gelir. Gecis CSS özel özellikleri ve kalicilik için localStorage kullanir. Tema kontrolu yanlis temanin yanip sonmesini önlemek için sayfa render edilmeden once <head> icinde çalışır.

PageSpeed Sonuclari

Optimizasyondan sonra portfolyo sitesi su puanlari alir: Mobil 96, Masaustu 99. Anahtar faktorler: AVIF görseller, düzgün lazy loading, minimal CSS (toplam 8KB), sifir JavaScript framework ve sunucu tarafi rendering. Toplam sayfa agirligi: tum görseller dahil 180KB.

Kişisel tema, hizli ve profesyonel bir portfolyo oluşturmak için React, Next.js veya herhangi bir JavaScript framework'une ihtiyaciniz olmadigini kanitlar.