Kendi ürünümüz2025FitZen Web
FitZen’in içerik yönetim ve analitik paneli.
- Proje
- Kendi ürünümüz
- Rolümüz
- Full stack · İçerik yönetimi · Analitik
- Süre
- 2 ay
01 / Projenin arkasında
Bir ihtiyaç. Düşünülmüş bir çözüm.
Zorluk
Mobil uygulamanın tarif ve blog içeriği büyüdükçe her güncelleme bir uygulama sürümü gerektiriyordu. İçeriğin arama motorlarında ve cevap motorlarında (GPTBot, ClaudeBot, Perplexity) bulunması da gerekiyordu; bu botlar JavaScript çalıştırmaz, istemcide veri çeken sayfa onlar için boştur.
Yaklaşım
İçerik Firestore’a ve bir yönetim paneline taşındı; tarif, blog ve test uygulama güncellemesi olmadan yayına giriyor. Site 11 dilde ve her şey sunucuda çiziliyor. Türkçe varsayılan ve URL öneksiz (indekslenmiş adresler kırılmasın diye), diğer diller /de/rezepte/… gibi yerelleştirilmiş yol segmentleriyle; yanlış dilin slug’ıyla gelen istek kanonik adrese 301 gidiyor. Tarif sayfalarında bağımsız, sayı içeren bir "özet cevap" bloğu var; SSS <details> ile HTML’de; şemalar tek @graph altında @id ile bağlı; dil başına RSS, hreflang’lı sitemap ve llms.txt.
Sonuç
fitzenweb.com yayında; üretim derlemesi yaklaşık 2000 statik sayfa üretiyor. İçerik güncellemesi geliştirici işi olmaktan çıktı ve mağaza incelemesini beklemiyor; kullanıcı aktivitesi ve analitik aynı panelde okunuyor.
02 / Ürünün içinde
Ekran ekran, deneyim.
Detayları görmek için bir ekranı açın.03 görsel
03 / Kapsam & detaylar
Deneyimi oluşturan detaylar.
- 01
İçerik yönetim paneli
- 02
Tarif ve blog yönetimi
- 03
Test ve quiz oluşturma
- 04
Kullanıcı aktivitesi ve analitik
Teknoloji
Next.js / Firebase / Vercel
ÜRÜNÜN İÇİNDEN
Ekranın arkasındaki mühendislik.
Bu projede geliştirdiğimiz sistemler ve çözdüğümüz somut problemler.
İki kök yerleşim
app/(main)/layout.tsx Türkçe, app/(intl)/[lang]/layout.tsx diğer on dil için; çünkü <html lang> ve dir doğru olmalı ve tek kök yerleşim dinamik segmenti okuyamıyor. Slug’lar Latin alfabeli dillerde başlıktan, Arapça, Japonca ve Tayca’da Türkçe slug’ın ASCII karşılığından.
Cevap motorları için yazılmış HTML
SSS akordeonu JS değil <details>; tarif sayfalarında bağımsız, sayı içeren #quick-answer bloğu; şemalar tek @graph altında @id ile bağlı (lib/schema.ts); llms.txt, dil başına feed.xml ve hreflang’lı sitemap.
Yaklaşık 2000 statik sayfa
Üretim derlemesi tarif arşivini 11 dilde statik üretiyor; api/revalidate panelden yapılan değişiklikte ilgili sayfaları yeniliyor. Paket boyutu npm run analyze ile takip ediliyor.
Sıradaki fikir sizin.
Sizin ürününüz için ne yapabiliriz?
İlk sürümden büyüyen platformlara; tasarım, geliştirme ve yayın sürecini birlikte planlayalım.
Türkiye’den Amerika, İngiltere, Avustralya ve dünyanın her yerine.