Proje Yönetimi ve Takvim: Uygulama Yol Haritası

Son Güncelleme: 02.04.2026

Bu doküman, Türk Kadınlar Birliği (TKB) Bursa Şubesi web sitesinin hayata geçirilmesi için gereken detaylı zaman çizelgesini, teknik backlog'u ve uygulama adımlarını içerir.

1. Genişletilmiş Uygulama Takvimi

Hafta 1: Temel Kurulum ve Tasarım Sistemi

  • [x] Teknik: Next.js projesinin yapılandırılması, Tailwind CSS v4 ve shadcn/ui entegrasyonu. (02.01.2026)
  • [x] Tasarım: Tasarım kılavuzu uyarınca CSS değişkenlerinin (oklch) tanımlanması, Google Fonts (Playfair Display, Inter) kurulumu. (02.01.2026)
  • [x] Dokümantasyon: Proje yapısının README.md'ye işlenmesi. (02.01.2026)

Hafta 2: Bilgi Mimarisi ve CMS Kurulumu

  • [x] Navigasyon: Site haritası doğrultusunda Layout, Navbar (masaüstü dropdown + mobil accordion) ve Footer yapısının kurulması. (02.04.2026)
  • [x] CMS: Payload CMS 3.0 kurulumu, PostgreSQL bağlantısı. (12.01.2026)
  • [x] Koleksiyonlar: Haberler, Etkinlikler, Projeler, Arşiv, Üyeler, Bağışlar, GelirGider dahil 15 koleksiyon tanımı. (02.04.2026)

Hafta 3: Ana Sayfa ve Etkinlik Sistemi

  • [x] Bileşenler: Hero bölümü, Sayılarla TKB (sayaç modülü), Başkanın Mesajı (VizionMesaji), Hızlı Aksiyonlar, Arşiv Kesiti. (02.04.2026)
  • [x] Etkinlikler: Etkinlik listeleme (yaklaşan + geçmiş), Etkinlik Detay sayfaları, durum bazlı filtreleme. (02.04.2026)
  • [x] Medya: Arşiv koleksiyonu ile fotoğraf, belge ve video galerisi; gizlilik dereceli erişim kontrolü. (02.04.2026)
  • [x] Responsive: Tailwind CSS v4 ile mobil öncelikli arayüz, glass-morphism navbar, responsive grid layoutlar. (02.04.2026)

Hafta 4: Yönetim Paneli ve Fonksiyonel Modüller

  • [x] CMS Admin: ShadcnNav ile dinamik sidebar, 5 grup altında koleksiyon navigasyonu, bekleyen başvuru badge'leri. (02.04.2026)
  • [x] Dashboard: StatsWidget ile 4 metrik kartı (aktif üye, yaklaşan etkinlik, bekleyen başvuru, aylık bağış). (02.04.2026)
  • [x] Üyelik: Üyelik başvuru formu (reCAPTCHA + KVKK onayı), otomatik kaynak tespiti (web/manuel). (02.04.2026)
  • [x] Gönüllü: Gönüllü başvuru formu, uzmanlık alanları ve uygunluk takibi. (02.04.2026)
  • [x] İletişim: İletişim formu (konu seçimi, reCAPTCHA) + Google Maps embed + konum paylaşımı. (02.04.2026)
  • [x] E-Bülten: Footer ve özel sayfa üzerinden e-bülten abonelik formu (native, Payload entegrasyonlu). (02.04.2026)
  • [x] Hukuki: KVKK açık rıza onay kutucukları tüm formlarda mevcut; /yasal/[slug] ile dinamik yasal metin sayfaları. (02.04.2026)
  • [x] Yetki Matrisi: /permission-matrix özel admin görünümü ile rol bazlı yetki tablosu. (02.04.2026)

Hafta 5: SEO, Performans ve Güvenlik

  • [x] SEO: Layout metadata (OpenGraph, Twitter Card), JSON-LD Schema.org (NGO), dinamik sitemap.xml ve robots.txt. (02.04.2026)
  • [x] Performans: Next/Image ile görsel optimizasyonu, standalone build, Cloudflare R2 CDN. (02.04.2026)
  • [x] Güvenlik: Security headers (X-Frame-Options, nosniff, Referrer-Policy, Permissions-Policy), Google reCAPTCHA v3, Payload Access Control. (02.04.2026)

Hafta 6: Final Kontroller ve Yayına Alım

  • [x] Test: Vitest (integration) + Playwright (e2e) test altyapısı kuruldu. (02.04.2026)
  • [x] Yayına Alım: Railway deployment (main → production, develop → staging). (02.04.2026)
  • [x] Analytics: Google Analytics 4 entegrasyonu (GA4). (02.04.2026)

2. Ürün Backlog (Categorized)

[INFRA] Altyapı

  • [x] Next.js 15 + Tailwind v4 + shadcn/ui Setup (02.01.2026)
  • [x] Font & Color Token Configuration — oklch renk sistemi, Playfair Display + Inter (02.01.2026)
  • [x] Payload CMS 3.0 Installation & PostgreSQL Connection (12.01.2026)
  • [x] Cloudflare R2 Media Storage Configuration (12.01.2026)
  • [x] Railway Deployment Pipeline — main (production) + develop (staging) (02.04.2026)
  • [x] Standalone Next.js Build with Security Headers (02.04.2026)

[UI/UX] Arayüz

  • [x] Global Layout, Navbar (masaüstü + mobil) & Footer (02.04.2026)
  • [x] Home Page: Hero Section — blok bazlı, özelleştirilebilir başlık/altyazı/CTA/görsel (02.04.2026)
  • [x] Home Page: Sayılarla TKB (Counter Module) — KurumsalHafiza'dan animasyonlu sayaçlar (02.04.2026)
  • [x] Home Page: Haberler + Etkinlikler Feed — bento grid haber kartları, etkinlik kartları (02.04.2026)
  • [x] Home Page: Başkanın Mesajı (VizionMesaji) + Hızlı Aksiyonlar + Arşiv Kesiti (02.04.2026)
  • [x] 34 sayfa/route: Kurumsal, Projeler, Etkinlikler, Haberler, Yayınlar, Arşiv, Üyelik, Gönüllü, Bağış, İletişim, Yasal (02.04.2026)
  • [x] FlashBanner — yaklaşan etkinlik duyuru bandı (02.04.2026)
  • [x] PageHeader — breadcrumb, eyebrow label, tutarlı iç sayfa başlıkları (02.04.2026)
  • [ ] Interaktif Tarihçe (Zaman Tüneli) — şu anda /kurumsal/tarihce sadece rich text

[FUNC] Fonksiyonel

  • [x] Etkinlik Sistemi — listeleme (yaklaşan/geçmiş), detay sayfaları, durum yönetimi (02.04.2026)
  • [x] Arşiv & Galeri Modülü — fotoğraf/belge/video, gizlilik derecesi, tarihsel materyal yönetimi (02.04.2026)
  • [x] Üyelik Başvuru Formu — reCAPTCHA, KVKK onayı, server action, kaynak takibi (02.04.2026)
  • [x] Gönüllü Başvuru Formu — uzmanlık alanları, reCAPTCHA koruması (02.04.2026)
  • [x] İletişim Formu & Google Maps — konu seçimi, konum paylaşımı (WhatsApp, vCard) (02.04.2026)
  • [x] E-Bülten Kayıt — native Payload entegrasyonlu abonelik formu (02.04.2026)
  • [x] Bağış Sayfası — banka hesap bilgileri, kurumsal hafızadan dinamik veri (02.04.2026)
  • [x] Yasal Sayfalar — /yasal/[slug] ile dinamik KVKK, gizlilik politikası sayfaları (02.04.2026)
  • [ ] ~~Burs Başvuru Portalı~~ — kapsam dışı bırakıldı, gelecek fazda değerlendirilecek
  • [ ] Takvim Widget'ı — etkinlikler şu anda liste görünümünde, aylık takvim görünümü eklenmedi
  • [x] Çerez Onay Bannerı — zorunlu/analitik çerez ayrımı, koşullu GA4 yükleme, Footer'da "Çerez Ayarları" (02.04.2026)

[ADMIN] Yönetim Paneli (Payload CMS)

  • [x] Dashboard: StatsWidget — aktif üye, yaklaşan etkinlik, bekleyen başvuru, aylık bağış (02.04.2026)
  • [x] ShadcnNav: Dinamik sidebar navigasyon, 5 koleksiyon grubu, badge sayaçları (02.04.2026)
  • [x] Haber/Etkinlik Yönetimi: Lexical editor, 4 fazlı etkinlik yaşam döngüsü, tarih/konum/görsel (02.04.2026)
  • [x] Arşiv Yönetimi: Gizlilik dereceli medya kütüphanesi (herkese açık/kurul/admin) (02.04.2026)
  • [x] Üye Yönetimi: 5 sekmeli üye kaydı, otomatik sicil no (TKB-16-YYYY-NNNN), YK/DK pozisyonları (02.04.2026)
  • [x] Mali Yönetim: Bağış kaydı (otomatik makbuz no), gelir-gider muhasebesi (02.04.2026)
  • [x] Başvuru Yönetimi: Üyelik, gönüllü, iletişim başvurularını listeleme ve durum güncelleme (02.04.2026)
  • [x] Auth: 4 rol (admin, editor, board, scholarship), 7 erişim fonksiyonu, Permission Matrix görünümü (02.04.2026)
  • [x] KurumsalHafiza Global: Başkan mesajı, istatistikler, iletişim, banka bilgileri, yasal metinler (02.04.2026)
  • [x] 8 sayfa bloku: Hero, LatestNews, Events, Projects, VizionMesaji, SayilarTKB, HizliAksiyonlar, ArsivKesit (02.04.2026)

[SEO] Görünürlük

  • [x] Dynamic Meta Tags — layout metadata, OpenGraph, Twitter Card (02.04.2026)
  • [x] JSON-LD Schema.org — NGO tipi yapılandırılmış veri (02.04.2026)
  • [x] Dinamik Sitemap.xml — 27 statik + DB-driven rotalar (02.04.2026)
  • [x] Robots.txt — /admin ve /api dizinleri engelli (02.04.2026)
  • [x] Google Analytics 4 Entegrasyonu (02.04.2026)
  • [ ] Google Search Console Kaydı ve Doğrulaması

[TEST] Test & Kalite

  • [x] Vitest integration test altyapısı (tests/int/) (02.04.2026)
  • [x] Playwright e2e test altyapısı (tests/e2e/) (02.04.2026)
  • [x] Çerez onay bannerı e2e testleri — 8 Playwright test senaryosu (02.04.2026)
  • [ ] Kapsamlı test senaryoları — diğer modüller için testler genişletilmeli

3. Proje Kontrol Listesi (Checklist)

  • [x] Domain & Hosting aktif mi? — Railway üzerinde production + staging aktif
  • [x] SSL Sertifikası (HTTPS) yüklü mü? — Railway otomatik SSL
  • [x] Mobil menü düzgün çalışıyor mu? — Navbar.tsx accordion mobil menü mevcut
  • [x] Sosyal medya ikonları doğru linklere gidiyor mu? — Instagram linki KurumsalHafiza'dan dinamik
  • [x] KVKK metinleri onay kutucukları eklendi mi? — tüm formlarda KVKK onayı mevcut
  • [ ] Google Search Console kaydı yapıldı mı?
  • [x] Çerez onay bannerı eklendi mi? — KVKK uyumlu, koşullu GA4, tercih kalıcılığı

4. Plan Değişiklikleri

Geliştirme sürecinde orijinal plandan sapmalar oldu:

Orijinal Plan Güncel Durum
Burs Başvuru Portalı Kapsam dışı bırakıldı — gelecek fazda değerlendirilecek
E-Bülten: Mailchimp/Sendinblue Native Payload CMS entegrasyonu tercih edildi
Takvim görünümü (aylık/haftalık) Liste bazlı etkinlik görünümü ile yayına alındı
Çerez politikası bannerı Tamamlandı — zorunlu/analitik ayrımı, koşullu GA4, Footer ayarları
Middleware (CSRF) Security headers + reCAPTCHA v3 ile çözüldü
Font: Roboto Inter ile değiştirildi
Vercel deployment Railway deployment tercih edildi

5. Açık İşler (Backlog — Sonraki Fazlar)

# İş Öncelik Not
1 Google Search Console Kaydı Yüksek SEO takibi için gerekli
2 Interaktif Tarihçe (Zaman Tüneli) Orta /kurumsal/tarihce sayfasına timeline bileşeni
3 Etkinlik Takvim Widget'ı Düşük Aylık/haftalık takvim görünümü
4 Burs Başvuru Portalı Düşük İhtiyaç halinde yeni fazda planlanacak
5 Kapsamlı Test Senaryoları Orta Çerez bannerı e2e testleri eklendi, diğer modüller genişletilmeli

6. Sorumluluk Matrisi

  • Proje Yöneticisi: Genel koordinasyon ve onay.
  • İçerik Editörü: Haber girişi ve fotoğraf yönetimi.
  • Teknik Destek: Sunucu yönetimi ve güvenlik.