Highfelt Topluluk Websitesi
Topluluk Hakkında
HighFelt, yaratıcı profesyonelleri ve teknoloji odaklı geliştiricileri tek bir ekosistem altında bir araya getiren bir topluluk ve dijital platformdur. Platform; grafik tasarım, yazılım geliştirme, UI/UX, yapay zekâ ve dijital pazarlama gibi disiplinler arasında bilgi paylaşımını, iş birliğini ve kariyer fırsatlarını desteklemeyi amaçlamaktadır.
Bunun yanı sıra HighFelt, topluluk üyelerine blog içerikleri, faydalı araçlar ve iş fırsatları sunarak öğrenme, networking ve profesyonel gelişim için merkezi bir platform oluşturmaktadır.
Proje Mimarisi
HighFelt, statik olarak üretilen Next.js tabanlı topluluk platformu ile Ghost CMS blogunu tek bir alan adı altında sorunsuz şekilde birleştiren modern bir web mimarisi üzerine inşa edilmiştir. Kullanıcılar ana web sitesine highfelt.com, bloga ise highfelt.com/blog adresi üzerinden erişir ve arka planda iki farklı uygulamanın çalıştığını fark etmeden kesintisiz bir deneyim yaşar. Path-based routing (yol tabanlı yönlendirme) sayesinde her iki sistem de tek bir platform gibi çalışmaktadır.
Altyapının merkezinde yer alan Nginx Reverse Proxy, gelen istekleri URL yoluna göre Next.js ön yüzüne veya Ghost CMS uygulamasına yönlendirmektedir. SSL sonlandırma işlemleri Traefik/Dokploy tarafından gerçekleştirilirken, uygulama Docker tabanlı servisler üzerinde serverless deployment mimarisiyle dağıtılmaktadır. Bu yaklaşım; güvenilir dağıtımlar, daha kolay altyapı yönetimi ve yüksek ölçeklenebilirlik sağlamaktadır.
Ön yüz, Next.js 16, React 19, TypeScript ve Tailwind CSS kullanılarak geliştirilmiş olup, yüksek performans ve güçlü SEO için optimize edilmiş Statik Site Üretimi (SSG) mimarisini kullanmaktadır. Blog tarafında ise yalnızca içerik yönetiminden sorumlu olan Ghost CMS 6 kullanılmaktadır. Nginx üzerinden gerçekleştirilen tam rota entegrasyonu sayesinde her iki sistem de tek bir alan adı altında bütünleşik bir kullanıcı deneyimi sunmaktadır. Platform genelindeki iletişim formları ortak bir API üzerinden işlenirken, e-posta gönderimleri SMTP altyapısı aracılığıyla gerçekleştirilmektedir.
Tüm UI/UX tasarım süreci, tasarım sistemi, kullanıcı akışları ve yeniden kullanılabilir bileşen kütüphanesinin oluşturulduğu Figma üzerinde planlanmış ve tasarlanmıştır. İllüstrasyonlar, blog kapak görselleri, ikonlar ve pazarlama materyalleri ise yapay zekâ destekli tasarım araçları kullanılarak üretilmiş ve projenin görsel kimliğine uygun şekilde düzenlenmiştir. Bu iş akışı, içerik üretim sürecini hızlandırırken platform genelinde tutarlı bir görsel dilin korunmasını sağlamıştır.
Altyapı; Docker DNS tabanlı servis keşfi, izole container ağ yapısı, otomatik içerik başlangıç yüklemeleri (content seeding) ve monorepo proje yapısı kullanılarak güvenli, ölçeklenebilir ve sürdürülebilir bir dağıtım mimarisi sunmaktadır. Üretim ortamında yalnızca reverse proxy dış dünyaya açık olup, diğer tüm servisler özel container ağı içerisinde izole edilmektedir. Platformun tamamı serverless deployment modeliyle dağıtılarak sürüm yönetimi ve sürekli dağıtım (Continuous Deployment) süreçleri sadeleştirilmiştir.
Proje Diyagramı
