
Yenidogan ürünleri için premium e-ticaret platformu.
Rosallie Baby, yenidogan hastane kıyafetleri, organik müslin setler, pelus oyuncaklar ve eslesen bebek aksesuarlarına özel gelistirilmis premium bir e-ticaret platformudur. Hastane Kıyafet Seti, Özel Hastane Kıyafet Seti, Battaniye ve Oyuncak olmak üzere 4 ürün kategorisi sunmaktadır. Ürün detay sayfalarında görsel galeri, yakınlastırma, varyant seçimi, stok durumu ve müsteri yorumları yer almaktadır. Çok adımlı ödeme akısı; adres seçimi, kargo bilgisi ve iyzico ödeme adımlarından olusmaktadır. Kullanıcı oturumları NextAuth.js, admin oturumları ise Iron Session ile ayrı ayrı yönetilmektedir. Meta Pixel (istemci taraflı) ve Meta Conversions API (sunucu taraflı CAPI) entegrasyonu, reklam takibini reklam engelleyicilerden bagımsız kılmaktadır. Google Analytics 4 ile sayfa görüntüleme ve dönüsüm takibi yapılmaktadır. Dinamik sitemap.js ve robots.js olusturma, her ürün ve blog sayfası için ProductSchema ve BlogSchema JSON-LD sema isaretlemesiyle güçlü bir SEO altyapısı saglanmaktadır. OrderItem modelindeki customName alanı kisisellestirilmis ürün etiketlemeyi desteklemektedir. Admin panelinde site geneli ayarlar için Setting modeli bulunmaktadır. Bülten aboneligi ve abone yönetimi, Nodemailer ile iletisim formu ve siparis e-postaları mevcuttur. Cloudinary ile görsel yükleme ve CDN dagıtımı saglanmaktadır. Next.js 15 (Turbopack), Prisma ORM ve MySQL altyapısıyla 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
Prisma
Database
MySQL
Database
Tailwind CSS
Frontend
Vercel
DevOps
Sadece birkaç adımda kendi markanı dijitalde öne çıkarabilirsin.
Evet, iletisime geçelim