Ürün Genel Bakış

Sheriff DNS Web Sitesi ve İçerik Paneli

Her projeye güç veren strateji, tasarım ve geliştirmeyi keşfedin. Konseptten lansmana kadar, gerçek dünya sorunlarını çözen ve ölçülebilir başarı sağlayan özel dijital çözümler sunuyoruz.

Sheriff DNS, güvenlik odaklı bir DNS hizmeti. Hizmetin tanıtım sitesini ve sitedeki içeriği yöneten paneli geliştirdik: sayfa metinleri, blog, ekip, müşteri yorumları ve SSS kod değiştirmeden panelden güncelleniyor. DNS altyapısı müşteriye ait; bizim işimiz site ve paneldi.

Sheriff DNS Web Sitesi ve İçerik Paneli

Sektör

Siber Güvenlik

Hizmet

Web Sitesi + İçerik Paneli

Kullanılan Araçlar

Next.js, Firebase

Tamamlanma Süresi

10 Hafta

Vizyonu Anlamak

Sheriff DNS ekibinin istediği, hizmeti anlatan ve içeriğini kendi başına güncelleyebildiği bir siteydi. Sayfaları tasarımdan koda döktük, ardından metinleri, görselleri, referansları ve blog yazılarını Firebase üzerinde çalışan bir içerik paneline bağladık.

Sheriff DNS Web Sitesi ve İçerik Paneli Vision

Temel Özellikler

  • Tanıtım Sayfaları: Ana sayfa, hakkımızda, çözümler, çözüm detayı, blog, iletişim ve gizlilik sayfaları.
  • İçerik Paneli: Sayfa metinleri, istatistikler, ürün kutuları ve SSS kod değiştirmeden panelden güncellenir.
  • Blog Yönetimi: Yazılar ve kategoriler panelden eklenir, sitede otomatik listelenir.
  • Görsel Yükleme ve Kırpma: Paneldeki görsel alanlarına kırpma aracıyla yükleme.
  • Ekip, Yorum ve Logolar: Ekip fotoğrafları, müşteri yorumları ve iş ortağı logoları panelden yönetilir.
  • İletişim Formu: Gelen mesajlar panelde listelenir ve e-postayla bildirilir.
  • Mobil Uyum: Sayfalar mobil ve tablet için ayrıca düzenlendi.
Vaka Çalışması

Sorunu Nasıl Çözdük

Müşteri & Bağlam

Müşteri: Siber Güvenlik ve DNS Hizmet Sağlayıcısı

Güvenlik odaklı bir DNS hizmeti sunan müşterimiz, hizmetini anlatacak ve içeriğini kendi ekibinin güncelleyebileceği bir web sitesi istedi.

Sorun

Blog yazıları, referanslar, ekip fotoğrafları ve çözüm sayfalarındaki metinler sık değişecekti; her değişiklik için geliştiriciye ihtiyaç duyulmamalıydı.

Çözüm & Özellikler

Next.js ile tanıtım sitesini, aynı uygulama içinde Firebase'e bağlı bir içerik paneliyle birlikte kurduk. Panelden girilen metin ve görseller siteye doğrudan yansıyor; iletişim formundan gelen mesajlar panelde toplanıyor ve e-postayla bildiriliyor.

  • Sayfa metinleri, istatistikler ve SSS'nin panelden düzenlenmesi
  • Blog yazısı ve kategori yönetimi
  • Ekip, müşteri yorumu ve iş ortağı görsellerinin kırpılarak yüklenmesi
  • İletişim mesajlarının panelde listelenmesi
  • Mobil ve tablet uyumlu sayfalar

Teknoloji Yığını & Mimari

Teknolojiler:

Next.jsTypeScriptTailwind CSSFirebase AuthenticationCloud FirestoreFirebase StorageNodemailerVercel

Mimari: Next.js App Router ile sunulan tanıtım sitesi ve aynı uygulamadaki /admin paneli. İçerik Cloud Firestore'da, görseller Firebase Storage'da tutuluyor; panel girişi Firebase Authentication ile. DNS çözümleme altyapısı bu projenin kapsamında değildi.

Sürecimiz

  1. 1

    Sayfa Yapımı: Ana sayfa, hakkımızda, çözümler, blog ve iletişim sayfaları tasarımdan koda döküldü

  2. 2

    İçerik Paneli: Firebase kimlik doğrulaması ve içerik düzenleme ekranları kuruldu; ilk sürüm ayrı bir projede başlayıp siteyle birleştirildi

  3. 3

    Dinamik İçerik: Sayfalardaki metinler, görseller, SSS ve referanslar panele bağlandı

  4. 4

    Görsel Yükleme: Paneldeki görsel alanlarına kırpma aracı eklendi

  5. 5

    Mobil Kontrol ve Yayın: Duyarlılık düzeltmeleri yapıldı, site Vercel'de yayına alındı

Sonuçlar

Site ve panel yaklaşık 10 haftada tamamlandı. İçerik güncellemeleri geliştirici gerektirmeden panelden yapılabiliyor.

Projenizi konuşalım, aynı iş günü dönelim.

30 dakikalık ön görüşme: kapsam, takvim bandı ve doğru ekip.

Clutch 5.0 · 20 kişilik ekip · Çekmeköy Belediyesi, NSC Soft, UKX

WhatsApp'tan yazın
Görüşme planlaWhatsApp