Sheriff DNS Website & Content Panel
Explore the strategy, design, and development that power each project. From concept to launch, we deliver tailored digital solutions that solve real-world problems and drive measurable success.
Sheriff DNS is a security-focused DNS service. We built the service's marketing website and a panel that manages its content: page copy, blog, team, testimonials and FAQ are updated from the panel without touching code. The DNS infrastructure belongs to the client; our job was the site and the panel.
Industry
Cybersecurity
Service
Website + CMS
Tools Used
Next.js, Firebase
Completion Timeline
10 Weeks
Industry
Cybersecurity
Service
Website + CMS
Tools Used
Next.js, Firebase
Completion Timeline
10 Weeks
Understanding the Vision
The Sheriff DNS team wanted a site that explains the service and whose content they can update themselves. We turned the pages from design into code, then connected the copy, images, testimonials and blog posts to a content panel running on Firebase.
Key Features
- Marketing Pages: Home, about, solutions, solution detail, blog, contact and privacy pages.
- Content Panel: Page copy, stats, product cards and FAQ are updated from the panel without code changes.
- Blog Management: Posts and categories are added in the panel and listed on the site automatically.
- Image Upload & Cropping: The panel's image fields upload through a cropping tool.
- Team, Testimonials & Logos: Team photos, testimonials and partner logos are managed from the panel.
- Contact Form: Incoming messages are listed in the panel and sent out by email.
- Mobile Ready: Pages were tuned separately for mobile and tablet.
How We Solved the Problem
Client & Context
Client: Cybersecurity & DNS Service Provider
Our client, which runs a security-focused DNS service, wanted a website that explains the service and whose content its own team can update.
The Problem
Blog posts, testimonials, team photos and the copy on the solution pages would change often, and every change should not require a developer.
Solution & Features
We built the marketing site in Next.js together with a content panel inside the same app, backed by Firebase. Text and images entered in the panel appear on the site directly; messages from the contact form are collected in the panel and sent out by email.
- Page copy, stats and FAQ edited from the panel
- Blog post and category management
- Team, testimonial and partner images uploaded with cropping
- Contact messages listed in the panel
- Pages tuned for mobile and tablet
Tech Stack & Architecture
Technologies:
Architecture: Marketing site served with the Next.js App Router plus an /admin panel in the same app. Content is stored in Cloud Firestore and images in Firebase Storage; panel sign-in uses Firebase Authentication. The DNS resolution infrastructure was outside the scope of this project.
Our Process
- 1
Page Build: Turned the home, about, solutions, blog and contact pages from design into code
- 2
Content Panel: Set up Firebase authentication and the content editing screens; the first version started as a separate project and was merged into the site
- 3
Dynamic Content: Connected the copy, images, FAQ and testimonials on each page to the panel
- 4
Image Uploads: Added a cropping tool to the panel's image fields
- 5
Mobile Pass and Launch: Fixed responsiveness issues and put the site live on Vercel
Results
The site and panel were completed in about 10 weeks. Content can be updated from the panel without a developer.
Let's talk about your project, we reply the same business day.
A 30-minute intro call: scope, timeline band and the right team.
Clutch 5.0 · team of 20 · Çekmeköy Municipality, NSC Soft, UKX
Message on WhatsApp