Tech Stack
The Challenge
The platform required a flexible system where non-technical users could create and manage web pages and templates without relying on developers. The challenge was that existing tools didn’t fully support this use case — especially when combining a visual builder with a headless CMS in a scalable way. There was no clear documentation or ready-made solution for this architecture.
My Role
I worked as a Full Stack Developer in a microservices-based environment: Developed the frontend using Next.js and React. Integrated and customized Payload CMS for dynamic content handling. Implemented and extended GrapesJS for template building functionality. Collaborated with the team to design a scalable solution for template storage and rendering. Worked across both frontend and backend to ensure smooth system integration.
The Solution
Instead of relying on standard implementations, I helped build a custom workflow by combining and extending open-source tools: Integrated GrapesJS as a visual page builder for template creation. Customized Payload CMS APIs to store and manage user-generated templates. Designed a system to fetch and render dynamic templates within Next.js. Structured the flow so non-technical users could create and manage pages بسهولة. Adapted open-source codebases without official documentation, using experimentation and team collaboration. This required a deep understanding of how each tool works internally and how to make them communicate effectively.
Impact
Enabled dynamic page and template creation without a developer dependency. Built a flexible system using open-source tools beyond their default use cases. Reduced development overhead for content and page management. Delivered a scalable solution within a microservices architecture.
Key Features
Talent hiring and job posting system. Training and upskilling marketplace. Visual template builder using GrapesJS. Dynamic page rendering with Next.js. Headless CMS integration for content and templates. Scalable microservices-based architecture.
Final Takeaway
This project pushed me to go beyond standard development — working with open-source tools at a deeper level, solving problems without clear documentation, and building a custom system that fits real business needs.