Olyvz Digital Solutions - Agency Website with Payload CMS

Marketing website for Olyvz, a Cairo digital growth agency, built on Next.js 16 with Payload CMS, SEO and GEO structure, lead-routing contact form and free lead-magnet tools.

Live Demo

View Code

Client

Olyvz Digital Solutions

Date

October 2026

Duration

15 weeks

Technologies

11 tools

Technologies Used

Next.js

React

TypeScript

Payload CMS

Tailwind CSS

SQLite

Drizzle ORM

Framer Motion

Nodemailer

GitHub Actions

PM2

Project Overview

Olyvz Digital Solutions is a growth agency in New Cairo that sells SEO and AI search visibility, paid media, content, design, CRM/ERP and process automation. I built their public website on Next.js 16 with the App Router, React 19 and Tailwind CSS v4, and put Payload CMS inside the same app so the team can edit services, articles, comparison pages, navigation and footer without a developer. The site has eleven service pages, an insights section, comparison pages, a glossary, an FAQ, two free tools and a Cairo local landing page. It is deployed to a VPS through GitHub Actions.

Challenge

The brand wanted to look like an authority on search and automation, which meant the site had to be fast, readable and well structured for both Google and AI answer engines such as ChatGPT and Perplexity. At the same time the marketing team needed to change copy, add articles and reorder menus on their own. The contact flow also had to handle four very different visitors: prospects, job applicants, partners and vendors, each with different questions, different recipients and, for applicants, private CV uploads that must never be publicly reachable.

Solution

Content lives in Payload collections for services, pages, insights, comparisons, forms and leads, plus globals for site config, navigation and footer. Public pages are server-rendered and revalidated through a secured hook when an editor saves. Each page emits JSON-LD for organization, service, FAQ, breadcrumb and article, and the site ships sitemap, robots, an RSS feed and an llms.txt route. The contact form is a four-path step-by-step flow driven by one shared spec file, validated on the server, stored as leads, emailed through Nodemailer, with CVs written to a private folder. SQLite through libSQL keeps hosting simple.

Results & Impact

The site is live at olyvz.com with eleven service pages, seventeen insight articles, seven comparison pages, a glossary, FAQ and a Cairo agency landing page, all generated from the CMS. Visitors get an automation ROI calculator and an AI search readiness checker, both feeding the free audit offer. Every contact submission lands in the Leads collection with its path, tag and priority, so nothing depends on an inbox. A CI workflow runs type checks, lint and build on each push and a deploy workflow reloads the production process. No traffic or conversion figures are claimed here.