Bu proje, gerçek üretim (production) ortamında karşılaşılan teknik sorunlar ve çözümleri üzerine bir blog ve portföy sitesidir. Amaç, "gerçek problem çözen" bir profil sunmak ve küçük iş/freelance fırsatları için net bir vitrin oluşturmaktır.
- Sistem yönetimi, yedekleme/depoma (backup/storage), network ayrıştırma, Android (offline-first) gibi konularda gerçek deneyim notları
- Blog yazıları (detaylı makaleler)
- Ops Log (kısa olay kayıtları: kök sebep, çözüm, önlem)
- Projeler (etki ve rol odaklı)
- Hakkımda (HR dostu, 5 saniyede özet)
- İletişim ve çalışma teklifi (lead toplama)
/index.htmlana sayfa/blog/blog listesi ve tekil yazılar/projects/projeler/about.htmlhakkımda/contact.htmliletişim/ops-log/production olay kayıtları/assets/stil ve scriptler/content/içerik kaynakları (markdown taslaklar)
- Plain HTML, CSS, JavaScript
- Dark mode toggle (localStorage, aria-pressed)
- Prism.js syntax highlight
- SEO: sitemap.xml, rss.xml, Open Graph / Twitter meta
- Vercel veya benzeri ile statik deploy
- İçeriği Markdown'dan build etmek (front-matter ile)
- Next.js (App Router) ile tam migrasyon
/content/içeriğinden blog/ops-log sayfalarını otomatik üretim- RSS ve sitemap'ı build sırasında metadata'dan üretmek
- Static, dependency yok. Dosyaları açıp düzenlemek yeterli.
assets/css/main.cssveassets/js/theme.jsgörsel/tema ayarları içerir.- Kod bloklarında syntax highlight için Prism kullanılır:
assets/css/prism.css,assets/js/prism.js.
- İçerik ve kod, aksi belirtilmedikçe kişisel kullanım içindir. Ticari kullanım için iletişime geçin.