Custom CMS
A custom administration system for managing the website’s projects, services, content, and other dynamic data from one centralized dashboard.
Full-Stack Development · Custom CMS
Z Agency — Company Website & Custom CMS
A bilingual company website and custom content management system built from scratch for Z Agency, combining a polished public portfolio experience with a fully integrated admin dashboard for managing projects, content, media, SEO, and website data.
- Role
- Full-Stack Developer
- Project Type
- Company Website & Custom CMS
- Market
- Saudi Arabia
- Status
- Live
- Year
- 2026
Technologies
- Next.js
- TypeScript
- Tailwind CSS
- Prisma
- PostgreSQL
Inside the Z Agency Platform
A closer look at the public website and the custom management experience built to support Z Agency’s portfolio, content, and day-to-day website operations.
home
home responsive
home
home
services
projects
Z Agency — Company Website & Custom CMS
about
contact
dashboard
More Than a Portfolio Website
Z Agency needed a professional digital presence that could showcase its services, projects, and capabilities in both English and Arabic while remaining easy to manage as the company’s portfolio grows. Working from provided UI/UX designs, I developed the platform from scratch as a full-stack project. The work covered the public-facing experience, application architecture, database integration, bilingual and RTL behavior, and a custom administration system. Rather than keeping projects and website content hardcoded, I built a CMS-driven structure that allows the team to manage and publish content through an internal dashboard while keeping the public experience consistent and maintainable.
My Role
I was responsible for the full development lifecycle, translating the provided designs into the production website and building the underlying CMS, data layer, administration workflows, localization, and deployment.
- Full-stack development of the platform from scratch
- Implementation of the provided UI/UX designs
- Custom CMS and admin dashboard development
- Database architecture and integration with Prisma and Supabase
- English and Arabic localization with full RTL support
- Production deployment and end-to-end technical delivery
Platform Capabilities
The platform combines a public company and portfolio experience with an internal CMS designed around Z Agency’s actual content-management needs.
Portfolio Management
Structured project management with dedicated content, case studies, media, SEO information, and publishing controls for portfolio entries.
Bilingual Experience
Complete English and Arabic experiences with localized content, language-aware navigation, and full right-to-left support for Arabic.
Media Management
Centralized media handling that supports the visual assets used across projects and website content.
SEO Management
CMS-managed SEO fields that provide control over project and website metadata without requiring routine code changes.
Lead Management
Contact form submissions are captured and stored inside the administration dashboard, giving the team a centralized view of incoming leads.
Content Publishing Workflow
Structured content workflows allow website information and portfolio projects to be managed and prepared before being published publicly.
Technology & Architecture
The platform was built with a modern TypeScript-based stack, combining Next.js and Tailwind CSS with Prisma, Supabase, and supporting frontend state management and deployment tooling.
Frontend
- Next.js
- TypeScript
- Tailwind CSS
- Zustand
Integrations
- Prisma
- Supabase
- PostgreSQL
Product Systems
- Vercel
Quality & Maintainability
Development focused on responsive implementation, bilingual consistency, RTL support, reusable architecture, structured content management, and a maintainable separation between public experiences and administrative workflows.
- Responsive implementation across desktop, tablet, and mobile
- Consistent bilingual experience with full Arabic RTL support
- Structured CMS-driven architecture designed for maintainable content updates
- Clear separation between the public website and protected administration workflows
Project Outcomes
- Delivered a live production website for Z Agency
- Centralized management of portfolio projects and website content through a custom CMS
- Reduced the need for code changes when updating routine website and portfolio content
- Delivered English and Arabic experiences from a single maintainable platform