Koru Impact Resmi Websitesi (Frontend)

Genel Bakış

Bu proje, Koru Impact'in "dijital dış kapısı" olarak hizmet veren resmi platformudur. Kurumsal müşterilere ve doğrulama kuruluşlarına (Google for Startups gibi) hizmet etmek üzere tasarlanmış, sağlam, ölçeklenebilir ve çok dilli bir yapıdır. Çekirdek geliştirme ekibinin bir parçası olarak, en son Next.js 15 özelliklerini kullanarak frontend mimarisini kurgulamaya ve güvenilir bir CI/CD hattı kurmaya odaklandım.

Katkılarım

Frontend Mimarisi: shadcn/ui ve Tailwind CSS kullanarak, 40'tan fazla farklı sayfada tasarım tutarlılığını sağlayan, yeniden kullanılabilir ve erişilebilir UI bileşenleri geliştirdim.
CI/CD Kurulumu: Geliştirme aşamasından canlı ortama (production) sorunsuz teslimat sağlamak için sürekli entegrasyon ve dağıtım boru hatlarını yapılandırdım.
Durum Yönetimi (State Management): API verilerini önbelleğe almak için Sunucu Durumu (TanStack Query) ve UI etkileşimleri için İstemci Durumu (Zustand) kullanan ikili bir mimari uyguladım.
Test: Kod güvenilirliğini korumak için Vitest kullanarak birim (unit) ve entegrasyon testleri yazdım.

Temel Teknik Özellikler

Çatı (Framework): Yüksek performanslı geliştirme ve render işlemleri için Next.js 15 (App Router) ve Turbopack üzerine inşa edildi.
Uluslararasılaştırma (i18n): next-intlayer entegrasyonu ile İngilizce/Türkçe yerelleştirme ve middleware tabanlı dil algılama sistemi kuruldu.
Yapay Zeka Entegrasyonu: Akıllı sohbet botu ve akıllı metin düzenleme gibi özellikleri güçlendirmek için Google Generative AI (Gemini) entegre edildi.
Zengin Etkileşimler: Özel zengin metin düzenleyici (Tiptap), veri görselleştirme (Recharts) ve karmaşık interaktif çekmeceler (Vaul) içerir.
Tip Güvenliği: Geniş kod tabanında tip güvenliğini sağlamak için tamamen TypeScript ile geliştirildi.

Teknoloji Yığını

Çekirdek: Next.js 15, TypeScript, React
Stil: Tailwind CSS, shadcn/ui
Durum Yönetimi: TanStack Query, Zustand
Araçlar: Vitest, pnpm, Intlayer

Genel Bakış

Katkılarım

Frontend Mimarisi: shadcn/ui ve Tailwind CSS kullanarak, 40'tan fazla farklı sayfada tasarım tutarlılığını sağlayan, yeniden kullanılabilir ve erişilebilir UI bileşenleri geliştirdim.

CI/CD Kurulumu: Geliştirme aşamasından canlı ortama (production) sorunsuz teslimat sağlamak için sürekli entegrasyon ve dağıtım boru hatlarını yapılandırdım.

Durum Yönetimi (State Management): API verilerini önbelleğe almak için Sunucu Durumu (TanStack Query) ve UI etkileşimleri için İstemci Durumu (Zustand) kullanan ikili bir mimari uyguladım.

Test: Kod güvenilirliğini korumak için Vitest kullanarak birim (unit) ve entegrasyon testleri yazdım.

Temel Teknik Özellikler

Çatı (Framework): Yüksek performanslı geliştirme ve render işlemleri için Next.js 15 (App Router) ve Turbopack üzerine inşa edildi.

Uluslararasılaştırma (i18n): next-intlayer entegrasyonu ile İngilizce/Türkçe yerelleştirme ve middleware tabanlı dil algılama sistemi kuruldu.

Yapay Zeka Entegrasyonu: Akıllı sohbet botu ve akıllı metin düzenleme gibi özellikleri güçlendirmek için Google Generative AI (Gemini) entegre edildi.

Zengin Etkileşimler: Özel zengin metin düzenleyici (Tiptap), veri görselleştirme (Recharts) ve karmaşık interaktif çekmeceler (Vaul) içerir.

Tip Güvenliği: Geniş kod tabanında tip güvenliğini sağlamak için tamamen TypeScript ile geliştirildi.