KTSD: Dinamik CMS ile Dernek Web Sitesi ve Üye Portalı

Müşteri

Kozmetik ve Temizlik Ürünleri Sanayicileri Derneği (KTSD), Türkiye'de kozmetik, temizlik ve hijyenik kâğıt ürünleri üreten firmaları bir araya getiriyor. Üyelerini sektör gündemi ve mevzuat hakkında bilgilendiriyor, çalışma kurullarını ve etkinlikleri yürütüyor, üyelere özel dokümanlar paylaşıyor. Kamuoyu ve basına da sektör hakkında bilgi sunuyor.

Web sitesi bu iki kitleye birden hizmet ediyor. Bir yandan derneği kamuoyuna tanıtırken diğer yandan üye firmaların çalışanlarına ihtiyaç duydukları bilgiye erişebilecekleri bir alan sağlıyor.

Sorun

Eski site, eski bir API üzerinde çalışan Nuxt tabanlı tek sayfalık bir uygulamaydı. Taşıma çalışması kapsamında sitenin içeriğini ve yapısını inceledik. 19 Ağustos 2026'da teslim ettiğimiz rapor; menülerden görsellere, bağlantılardan dil sürümlerine kadar pek çok sorunu ortaya koydu:

• Menüdeki dokuz ana başlık boş ekran açıyordu.
• İçeriği olan 25 sayfaya menüden ulaşılamıyordu.
• 33 görsel sayfa gövdesine base64 olarak gömülmüştü; en büyüğü 1,6 MB'tı. "Üyelerimiz" sayfası, yalnızca 1.048 karakterlik metin için 1,69 MB HTML taşıyordu.
• 114 görsel bağlantısından 45'i kırıktı. Altı üye logosu ise başka sitelerden doğrudan çekiliyordu.
• Canlı sitedeki üç bağlantı test sunucusuna gidiyordu. 24 mevzuat kaydının bağlantı metninde yalnızca "Tıklayınız" yazıyordu.
• Duyuru adresleri sayısal kimliklerden oluşuyordu; okur ya da arama motorları için anlamlı bir kelime içermiyordu.
• Türkçe ve İngilizce sürümler birbirinden kopmuştu. Üye listeleri birbiriyle eşleşmiyor, iki dilde yayımlanan altı duyuru arasında bağlantı bulunmuyordu. İngilizce menüde bazı bölümler eksikti; İletişim için ayrı bir sayfa yoktu.

Çalışma hem içeriği hem de içerik yönetimini kapsıyordu: mevcut sayfaları erişilebilir hâle getirmek, bağlantıları düzeltmek ve editörlerin geliştiriciye ihtiyaç duymadan yayın yapabilmesini sağlamak.

Ne yaptık?

Yeni platformu kendi ürünümüz Portal CMS üzerine kurduk ve KTSD için özelleştirdik. Portal CMS, kamuya açık siteyi, üye portalını ve mobil uygulamayı kurumun kendi sunucusunda çalıştırıyor. Kodlamaya 18 Ağustos 2026'da başladık. Yeni site yaklaşık iki buçuk hafta sonra, 4 Eylül'de yayına girdi.

Editörlerin doğrudan yönetebildiği dinamik bir CMS

Site tamamen dinamik. Editörler sayfaları 52 bloktan oluşan bir kütüphaneyle hazırlıyor. Bu kütüphanede giriş alanları, metin, görsel ve video, koleksiyon listeleri, etkileşimli öğeler, formlar, yerleşimler ve gömülü içerikler var. Yayın yapmak için geliştiriciye ya da yeni bir yazılım sürümü çıkarmaya gerek yok.

İçerikler dokuz koleksiyonda yer alıyor: duyurular, kişiler, üye firmalar, projeler, dokümanlar, bağlantılar, basında biz, e-bültenler ve hukuki metinler. Editörler yeni koleksiyonlar oluşturup alanlarını kendileri tanımlayabiliyor. Bloklara içeriği elle girebiliyor veya bir koleksiyondan aktarabiliyorlar.

Menüler, yönlendirmeler, SEO alanları, görsel, video ve belgelerin bulunduğu medya kütüphanesi, formlar ve gelen form kayıtları da aynı panelden yönetiliyor. Bir sayfanın adresi değiştiğinde sistem 301 yönlendirmesini otomatik oluşturuyor. Böylece eski bağlantının çalışması için editörün ayrıca yönlendirme eklemesi gerekmiyor.

İki dilde birbirine bağlı sayfalar

Türkçe sayfalar kök adreste, İngilizce sayfalar /en altında yayımlanıyor. Her sayfa diğer dildeki karşılığına bağlı. Sitemap, hreflang, canonical etiketleri ve schema.org yapısal verisini kod otomatik olarak üretiyor.

Bilgi mimarisini de yeniden düzenledik. 51 eski adresi 24 anlamlı adreste topladık. 65 yönlendirme kuralı sayesinde eski bağlantıların tamamı çalışmaya devam ediyor.

İçeriği kayıt kayıt taşıdık

672 içerik kaydını taşıyıp temizledik. Her kayda okunabilir bir adres verdik, Türkçe büyük-küçük harf hatalarını düzelttik. Sayfalara gömülü base64 görselleri medya kütüphanesine aldık ve bütün bağlantıları http'den https'e geçirdik. İçerik temizliğini yeni yapıya geçişin bir parçası olarak ele aldık.

Web'de üyelere özel bir extranet

Üye firmaların çalışanları, KTSD'nin kendileri için açtığı hesaplarla özel extranet'e giriş yapıyor. Buradaki doküman kütüphanesinde klasörler, arama ve hedef kitleye göre erişim seçenekleri var. Dokümanlar kısa süre geçerli olan imzalı bağlantılarla açılıyor. Her indirme denetim kaydına işleniyor.

Üyeler aynı alanda kendilerine özel bilgilendirmelere, sektör gündemine, toplantı, eğitim ve çalışma grubu takvimine ulaşabiliyor. Faydalı kurum bağlantıları, anketler, firma bilgileri ve kişinin yer aldığı çalışma kurulları da burada bulunuyor. Giriş için e-postaya gelen tek kullanımlık kod veya parola kullanılıyor. Erişim firmanın üyeliğine bağlı: üyelik sona erdiğinde açık oturumlar da kapanıyor.

Extranet'e Flutter mobil uygulamadan erişim

Üyeler extranet'e KTSD Extranet adlı bir Flutter mobil uygulama üzerinden de erişebiliyor. Uygulama 11 Eylül 2026'da Google Play'de, 16 Eylül'de App Store'da yayına girdi.

Yeni bir doküman, bilgilendirme, etkinlik ya da anket yayımlandığında üyeye telefon bildirimi gidiyor. Aynı bildirim uygulama içindeki bildirim kutusunda da yer alıyor. İlk girişte üyeleri kısa bir tanıtım turu karşılıyor. Kullanım istatistikleri ise yalnızca üyenin onayıyla toplanıyor.

Günlük işler için bir yönetim paneli

Yönetim panelinde kayıt ve form çekmeceleri, kullanıcı rolleri, Excel'e aktarma, Search Console ve Analytics özetleri, yardım merkezi ve yedekleme bulunuyor. Google Analytics 4 ve Tag Manager'ı çerez onayına bağlı olarak entegre ettik. Mobil uygulamada Firebase Analytics, bildirimlerde OneSignal kullanılıyor. Dosya depolama, e-posta ve form koruması için de Cloudflare R2, Email ve Turnstile entegrasyonlarını yaptık.

Arayüz tasarımı boyunca KTSD'nin kendi mavisini kullandık. Bu renk sitede, extranet'te ve mobil uygulamada tutarlı biçimde yer alıyor.

Sonuç

• "Üyelerimiz" sayfası 1,69 MB'tan 257 KB'a indi; yaklaşık yüzde 85 küçüldü. Sıkıştırılmış aktarım boyutu 30 KB. Ana sayfa 240 KB, sıkıştırılmış hâliyle 39 KB; sunucunun ilk bayt süresi yaklaşık 0,27 saniye.
• 51 adres 24'e indi. Kırık ve boş menü başlıkları giderildi, 65 yönlendirmeyle eski bağlantılar korundu. Sitemap'te 173 adres yer alıyor; sayfalar iki dildeki karşılıklarına bağlı.
• Canlı sitede 69 sayfa, 702 koleksiyon kaydı ve 1.657 medya nesnesi var. Editörler bunların tamamını geliştiriciye ihtiyaç duymadan yönetiyor.
• Üyeler kendilerine özel dokümanlara web'den ve telefondan erişebiliyor. Erişim yetkiye bağlı, indirmeler denetim kayıtlarında tutuluyor.

1 Ekim 2026'dan bu yana platforma bir uygulama bakımı sözleşmesi kapsamında teknik destek ve bakım sağlıyoruz.

Teknolojiler

Next.js 16 · React 19 · Tailwind CSS · NestJS 11 · Fastify 5 · TypeScript · MongoDB · Dragonfly · BullMQ · Flutter 3.38 · Riverpod · TanStack Query · shadcn/ui · pnpm · Turborepo · Caddy · PM2 · GitHub Actions · fastlane · Cloudflare R2 · Google Analytics 4 · Firebase Analytics · OneSignal

Benzer bir proje mi planlıyorsunuz?

Bir dernek, oda ya da federasyon yönetiyorsanız ve sitenin bakımı başlı başına bir işe dönüştüyse konuşalım. Yaşadığınız sorunlardan yola çıkarak özel bir web sitesi planlayabilir veya Portal CMS'i üyelerinizin ihtiyaçlarına göre özelleştirebiliriz. Sivil toplum ve STK'larla yaptığımız işleri de inceleyebilirsiniz.