Why Did I Build This?
"Monolithic CMS solutions introduce unnecessary execution overhead, while premium headless CMS SaaS platforms incur recurring API costs. I engineered this hybrid architecture to achieve the sub-second performance of a modern Static Site Generator (SSG) without sacrificing the cost-efficiency of traditional shared hosting (Hostinger). It serves as a personal archive ('Mavi Bahçem') featuring a highly artistic, programmatic UI inspired by 'The Wind Rises'."
Architecture & Decisions
The system is built on a decoupled paradigm. The backend is a custom PHP API secured via JWT, interacting with a normalized MySQL/InnoDB database that manages relational data across Posts, Comments, Subscribers, and a Guestbook. The frontend is a Next.js 15 application utilizing Static Site Generation. To bridge the dynamic content gap, I constructed a custom CI/CD pipeline: content mutations in the PHP admin panel trigger a webhook to GitHub Actions, which recompiles the static Next.js tree and pushes the optimized build artifacts back to the Hostinger server via SSH.
Key Features
- 01.Strictly decoupled Next.js 15 SSG frontend and lightweight PHP REST API
- 02.Automated CI/CD deployment pipeline utilizing GitHub Actions and secure SSH tunneling
- 03.JWT-secured administrative dashboard for content and relational database management
- 04.Dynamic client-side hydration for user interactions (Comments, Guestbook, Newsletter)
- 05.Bespoke Tailwind CSS v4 implementation featuring programmatic, hardware-accelerated UI animations
This project solves the hosting cost-to-performance ratio problem at the architectural level. By treating standard shared hosting purely as a static file server and an isolated database endpoint, and offloading all compilation overhead to GitHub Actions, the system achieves enterprise-grade delivery speeds on budget infrastructure. The frontend strictly adheres to a cohesive 'Starry Night' aesthetic, utilizing advanced CSS gradients, dynamic React state for category hydration, and modern typography to maintain a fluid user experience.