Tüm projeler
022025Uçtan uca geliştirme

Swimmge

Yüzme okulu ve rezervasyon platformu

Next.jsTypeScriptTailwind CSSPrismaRemotionREST API

Proje özeti

Bir yüzme okulu için baştan sona özel geliştirilmiş Next.js platformu: önde üç adımlı bir rezervasyon sihirbazı, arkasında eksiksiz bir yönetim paneli ve editör yerine kodla üretilen bir tanıtım videosu.

Swimmge, buradaki projeler arasında altında bir içerik yönetim sistemi bulunmayan tek iş. Okulun ihtiyacı tanıtım sitesi değil rezervasyondu: program seçimi, gerçek müsaitliği yansıtan bir takvim ve personelin üzerinde gerçekten çalışabileceği bir rezervasyon kaydı. Bu, hazır eklenti yığınını devre dışı bıraktı; ortaya SQLite üzerinde Prisma kullanan ve kendine ait bir yönetim alanı olan bir Next.js uygulaması çıktı.

Rezervasyon akışı üç adımda ilerliyor (program, tarih ve saat, iletişim bilgileri) ve durum URL'de tutuluyor; böylece yarım kalmış bir rezervasyon sayfa yenilendiğinde de bağlantı paylaşıldığında da kaybolmuyor. Gönderimler veritabanına düşüyor ve aynı istek içinde bir e-posta bildirimi tetikliyor.

Girişin arkasında, işletme sahibinin bensiz kullandığı bir yönetim paneli var: blog yazıları, galeri yönetimi, talep kutusu ve düzenlenebilir bir açılış sayfası. Ana sayfadaki tanıtım videosu, derleme sırasında MP4'e dönüştürülen bir Remotion kompozisyonu; yani okul bir fiyatı ya da başlığı değiştirip videoyu bir video editörü açmadan yeniden üretebiliyor.

Yayına alınanlar

  • Durumu URL'de saklanan üç adımlı rezervasyon sihirbazı
  • Özel yönetim paneli: yazılar, galeri, talepler, açılış sayfası
  • Remotion ile programatik olarak üretilen tanıtım videosu
  • Hız sınırlama, bal küpü alanları ve CSP başlıkları
  • sitemap.xml, robots.txt ve Search Console entegrasyonu
Rol
Uçtan uca geliştirme
Yıl
2025
Swimmge, ana görünüm
Swimmge, detay 1

Sonraki proje

Obay Morad

Kişisel marka ve portfolyo