Hukuk Bürosu Web Sitesi (TR/EN)
Next.js ile geliştirilen iki dilli (TR/EN) kurumsal hukuk bürosu sitesi: uzmanlık alanları, avukat profilleri, Markdown makale sistemi, KVKK uyumlu görüşme talebi formu ve yönetim paneli.
- Sektör
- Hukuk · konsept çalışma
- Yıl
- 2026
- Teknolojiler
- Next.js 14, TypeScript, Tailwind CSS, i18n (TR/EN), Markdown, SQLite, Zod, 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
Mevcut site şablon görünümlüydü, mobilde kırılıyordu, makaleler Google'da indekslenmiyordu ve yabancı müvekkiller için İngilizce içerik yoktu. Gelen talepler e-postada kayboluyordu.
Çözüm
Next.js 14 App Router ile 53 sayfa statik üretiliyor. TR ve EN için çevrilmiş URL yapısı (/tr/uzmanlik-alanlari/is-hukuku ↔ /en/practice-areas/employment-law), her sayfada diğer dile giden dil değiştirici ve hreflang alternatifleri. Makaleler Markdown dosyalarından okunur: GFM tablolar, otomatik içindekiler, okuma süresi, ilgili makaleler, çeviri bağlantısı. SEO katmanı: LegalService, Person, Article, FAQPage ve BreadcrumbList JSON-LD, her sayfa için dinamik Open Graph görseli, sitemap, robots ve RSS. Görüşme talebi formu Server Action + Zod ile doğrulanır; telefon normalize edilir, bal küpü ve IP bazlı oran sınırı botları eler, KVKK onayı alınır, talep MH-2026-000001 biçiminde referansla SQLite'a yazılır. /yonetim paneli HMAC imzalı oturum çerezi ile korunur; talepler Yeni / Arandı / Kapandı olarak yönetilir. Vitest ile 11 birim testi, Playwright ile 44 uçtan uca kontrol.
Sonuç
Dil geçişi, SSS, arama, form doğrulama, bal küpü, referans sıralaması, yönetim akışı, sitemap/RSS/OG ve 404 senaryoları otomatik testlerden geçiyor. Yerel fontlar ve statik sayfalarla harici istek yok. Kaynak kod GitHub'da; e-posta bildirimi (Resend) ve takvim entegrasyonu 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.
