Project Overview
Marker is a modern, performance-driven digital platform. My responsibility was leading the frontend architecture and development. By focusing on a clean development process, I was able to deliver the first fully usable MVP in just one month.
Architecture & Performance
The core of the application is built on Next.js utilizing Incremental Static Regeneration (ISR). To ensure maximum reliability and lightning-fast load times, I engineered a robust fallback strategy: maintaining an identical, fully statically generated version of the app. To manage both applications and share core components efficiently, I structured the project as a Turbo monorepo. This guarantees seamless uptime, exceptional SEO performance, and a highly streamlined development workflow.
Core Features & Challenges
- Custom CMS Integration: Built a dynamic and reliable data pipeline connecting the frontend to a custom-built headless CMS, handling complex data fetching and typical blog functionalities.
- Article Lock & Permissions: Implemented a secure "article lock" feature, managing complex user states and access permissions specifically tailored for content contributors.
- UI & State Management: Translated the high-end design into a fully responsive interface using Tailwind CSS and Headless UI, while handling global state seamlessly with Zustand.
Tech Stack
Next.js, TypeScript, Turborepo, Tailwind CSS, Headless UI, Zustand
Live Website
Visit marker.sk
