02 / Fullstack
Lyis
Digital Services Agency Platform
01 / Overview
Lyis is a modern digital services agency platform that embodies the idea of an "ideas agency"—unique but not different. The site combines a marketing front-end, project portfolio, blog, and interactive pricing tools with an authenticated admin dashboard for managing all content in one place, including full RTL support for Arabic.
02 / The Challenge
Problem
The agency needed more than a brochure site: they wanted a scalable platform that could support Arabic and English, manage blog content, showcase projects and clients, and run an interactive pricing tool—all while staying fast, maintainable, and easy for non-technical admins to update.
03 / The Approach
Solution
I designed and implemented a full-stack Next.js 15 platform backed by Supabase, with a robust PostgreSQL schema for blogs, projects, clients, sources, and pricing questions. Radix UI and Tailwind CSS power an accessible, responsive UI with light/dark themes and RTL support, while a secure admin dashboard provides rich text editing, multi-entity management, and real-time updates via server actions.
04 / Features
What I Built
Business & Marketing Functionality
Blog system with rich text editor, project portfolio with categories, client showcase, interactive project pricing tool, sources library, and a flexible contact flow for collecting custom briefs.
Full Admin Dashboard
Secure admin sign-in and a dashboard for managing blog posts, projects, clients, sources, and pricing questions with create/edit/delete flows, bulk operations, and polished UX.
Modern Frontend Experience
Next.js 15 App Router architecture with mobile‑first design, dark/light themes, RTL support, and carefully tuned performance and SEO, including structured data.
Performance & Accessibility
Carefully tuned layouts, typography, and interactions aimed at fast load times, smooth transitions, and accessible experiences across devices and viewing modes.
05 / Screens
Product Shots
06 / Outcomes
Results
2 weeks
Time from kick-off to a fully functional, production-ready agency platform.
End-to-end
From public marketing site to authenticated dashboard, everything runs on a single cohesive Next.js codebase.
1 unified dashboard
Single admin surface for managing all content and pricing logic.