Klinik Web Sitesi ve Online Randevu Sistemi
Estetik ve dermatoloji kliniği için Next.js ile geliştirilen, hekim programına göre çalışan gerçek online randevu sistemi, hizmet/hekim sayfaları, blog ve yönetim paneli içeren kurumsal web sitesi.
- Sektör
- Sağlık · konsept çalışma
- Yıl
- 2026
- Teknolojiler
- Next.js 14, TypeScript, Drizzle ORM, SQLite, Zod, Tailwind, Vitest, Playwright
Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.
Problem
Klinik siteleri genellikle yavaş, mobilde zor kullanılan ve randevuyu telefona bağlayan yapılardır. Resepsiyonun elle tuttuğu programda çakışan randevular ve 'kaç seans, hangi hekim, ne zaman' sorularına cevapsız kalan ziyaretçiler dönüşümü düşürür.
Çözüm
Next.js 14 App Router ve Server Actions üzerine kurulu site: Drizzle ORM + SQLite veri katmanı (hizmet, hekim, haftalık program, randevu, mesaj, blog). Randevu motoru hekimin programından 30 dakikalık slotlar üretir; mola, dolu saat, hizmet süresi ve geçmiş saatleri hesaba katar, rezervasyon anında sunucuda tekrar doğrular (çift rezervasyon engeli). Zod ile form doğrulama ve KVKK onayı, kod + telefonla iptal, MedicalClinic / Physician / MedicalProcedure / FAQPage yapılandırılmış verisi, sitemap, Markdown blog ve randevu/mesaj yönetimi için panel. Vitest ile 10 birim, Playwright ile 24 uçtan uca kontrol.
Sonuç
Randevu akışı (hizmet → hekim → saat → onay → iptal → panel) otomatik testlerden geçiyor; sayfalar 100 KB altı JavaScript ile yükleniyor ve Google'ın sağlık kuruluşu şemalarıyla indekslenmeye hazır. Kaynak kod GitHub'da; SMS onayı (NetGSM) ve canlı yayın bir sonraki adım.
Canlı demo
Uygulamanın içinden bir tur
Bu proje veritabanı ve sunucu gerektirdiği için gerçek uygulamanın kısa bir gezinti kaydı gösteriliyor. Kaynak kodu indirip kendi bilgisayarınızda birkaç komutla çalıştırabilirsiniz.
