Frozen Yogurt Cafe: Web Sitesi

Proje hakkında

Get Yo dükkânının sitesi. İlk hâli Readdy adlı kapalı bir platformdaydı: Koda erişim yoktu ve iletişim formu bot mesajlarıyla doluyordu. Önce Next.js ile yeniden yazdım; forma reCAPTCHA ve sunucu tarafında doğrulama eklenince spam kesildi. Mart 2026'da siteyi Astro ve Tailwind'e taşıyıp statik çıktıya çevirdim. Statik bir sayfa menüyü istek anında üretemez; bu yüzden menüyü tarayıcı ayrıca ister, barındırma katmanı /api/* isteklerini yönetim paneline iletir ve panel, mobil uygulamanın okuduğu veri tabanından okur. Böylece sitedeki menü uygulamadakinden farklı olamaz. Astro'ya geçmeden önce yerel Lighthouse ölçümünde performans 18'di; 26 Ağustos 2026'da PageSpeed Insights mobilde performans, erişilebilirlik, en iyi uygulamalar ve SEO için 100, 96, 100 ve 100 ölçtü.

Öne çıkanlar

• Statik site; menü ve stok durumu yönetim panelinden canlı geliyor
• Besin, alerjen, koşer ve glütensiz sertifika bilgisi menünün içinde
• Tatil günleri dâhil çalışma saatleri panelden
• reCAPTCHA ve sunucu tarafında doğrulamayla korunan formlar
• İletişim formundan gelen mesajlar Resend ile e-postaya düşer
• PageSpeed Insights'ta mobil performans 100

Zorluklar

Readdy'de koda erişim yoktu ve form bot mesajlarıyla doluyordu. Statik bir sitede canlı menü göstermek için /api/* isteklerini barındırma katmanında yönetim paneline yönlendirdim; site sunucuya dönüşmeden o anki stoğu gösteriyor. Erişilebilirliği 96'da bırakan tek bulgu bir renk kontrastı sorunu; işletme el değiştirdiği için bunu artık ben düzeltemiyorum.

Ekran görüntüleri