
Profesyonel web gelistirme stüdyosunun kurumsal web sitesi.
.jhun{}, profesyonel bir web gelistirme stüdyosu olan jhun'un resmi kurumsal web sitesidir. Platform; portföy, blog içerikleri, teknoloji uzmanlıgı ve hizmetleri sergilemekte, aynı zamanda dogrudan müsteri iletisimini saglamaktadır. next-intl ile tam Ingilizce ve Türkçe lokalizasyon sunulmakta, çalısma zamanında dil geçisi yapılabilmektedir. Anthropic Claude SDK ve Google Generative AI çift motorlu yapay zeka sohbet botu; önceden tanımlı anahtar kelimeler eslestiginde hızlı yanıt dönerken eslesme bulunamazsa canlı yapay zeka modeline yönlendirilmektedir. Karanlık/açık tema destegi, hero bölümünde parçacık efektleri, aurora arka planı ve yazı animasyonu bulunmaktadır. Portföy sayfasında teknoloji etiketleri ve açıklamalarıyla detaylı proje vitrini yer almaktadır. SEO için dinamik Open Graph meta etiketleri ve robots.txt yapılandırması uygulanmıstır. Admin panelinde blog, proje ve teknoloji yönetimi Cloudinary entegrasyonuyla desteklenmektedir. GSAP ve Framer Motion ile zengin animasyonlar, Aurora, Vortex, Sparkles, Meteors, Magnetic Button, 3D Card gibi 25'ten fazla özel UI efekti mevcuttur. CV hem HTML hem PDF formatında Ingilizce ve Türkçe olarak indirilebilmektedir. Chatbot istatistik paneli ve yazma göstergesi ile kullanıcı deneyimi zenginlestirilmistir. Next.js App Router, TypeScript, MongoDB ve Mongoose ile gelistirilmistir.
<div class="project-info">
<p>
Bu proje, modern web teknolojilerinin sundugu en iyi araçlar kullanılarak gelistirildi. Her teknoloji, performans, güvenlik ve kullanıcı deneyimini maksimize edecek sekilde dikkatlice seçildi. Gelistirme sürecinde özellikle bilesen tabanlı yapı, yeniden kullanılabilir kod mimarisi ve optimize edilmis render performansı hedeflendi.
</p>
<p>
Kullanıcı arayüzü, sade ama etkileyici bir görsel deneyim sunmak amacıyla tasarlandı. Tasarım sistemi; tutarlılık, okunabilirlik ve erisilebilirlik prensipleri üzerine kuruldu. Stil katmanında güçlü bir yapı saglamak için modern CSS framework’leri ve yardımcı araçlar tercih edildi.
</p>
<p>
Frontend tarafında React ve Next.js gibi güçlü teknolojiler, hızlı yüklenme süreleri ve SEO uyumlulugu açısından büyük avantaj sagladı. Ek olarak, Tailwind CSS sayesinde tasarım süreçleri hızlanırken, gelistirme süreci daha esnek hale getirildi.
</p>
<p>
Sonuç olarak bu teknoloji yıgını, projenin sadece bugünkü ihtiyaçlarını degil, gelecekteki ölçeklenebilirlik hedeflerini de destekleyen modern, sürdürülebilir bir altyapı olusturdu.
</p>
<p>
Proje ayrıca responsive tasarım ve mobil öncelikli yaklasım ile her cihazda kusursuz bir deneyim sunuyor. Kullanıcı etkilesimi ve erisilebilirlik testleri ile tasarımın her asaması optimize edildi.
</p>
<p>
Performans optimizasyonları kapsamında sayfa yükleme süreleri minimize edildi, görseller ve medya içerikleri modern tekniklerle sıkıstırıldı. Bu sayede hem kullanıcı deneyimi yükseltildi hem de SEO açısından güçlü bir temel saglandı._
</p>
</div>Next.js
Frontend
React
Frontend
TypeScript
Language
MongoDB
Database
Mongoose
Database
Tailwind CSS
Frontend
Vercel
DevOps
Ziyaretçilerin, manuel e-posta yanıtı beklemeden özgeçmisim, projelerim ve deneyimim hakkında anında ve dogru cevap alabilecegi iki dilli bir portfolyo/blog platformuna ihtiyaç vardı.
Anahtar kelime eslesmesiyle anında yanıt veren, eslesme bulunamadıgında Anthropic Claude/Google Gemini'ye düsen iki katmanlı bir AI sohbet botu; runtime dil geçisli tam next-intl TR/EN lokalizasyonu; Cloudinary destekli admin panel (blog/proje/teknoloji yönetimi) Next.js App Router + MongoDB/Mongoose üzerinde kurdum.
Çogunlukla öngörülebilir soru kümesine sahip herhangi bir sohbet botu için anahtar-kelime-önce, LLM-yedek tasarımın dogru varsayılan oldugunu; her seyi LLM üzerinden yönlendirmekten daha ucuz, hızlı ve öngörülebilir oldugunu gördüm.
Mimari kararlar, kullanılan teknolojiler veya benzer bir teknik problem hakkında sohbet etmek isterseniz buradayım.
Iletisime Geç