Problem
A real business site needs more than a static landing page: multilingual content, material catalogs, reference projects, quote requests, and admin-managed updates.
Back to projects
Full-Stack CMS Website
OK Graniitti Oy Website & Brand Mark
Frontend and backend separated website/CMS system for a Finnish granite-quarrying enterprise, including multilingual public pages, admin-managed content, catalog pages, project galleries, and quote requests.
Full-Stack CMS Website
4
Languages
Frontend + API
Architecture
CMS console
Admin
Vercel + Render
Deploy
Evidence mode
Metrics snapshot
4
Languages
Frontend + API
Architecture
CMS console
Admin
Vercel + Render
Deploy
ViteReact 18TypeScriptExpressPostgreSQL
Architecture
- 01Vite React frontend for public multilingual pages
- 02Express backend with Zod validation and Helmet hardening
- 03Admin console for homepage, footer, stones, projects, applications, and media metadata
- 04PostgreSQL persistence when DATABASE_URL is configured
- 05Vercel frontend deployment and Render backend deployment
Case study
Contribution
Built a frontend/backend separated website and CMS with a custom brand mark, public pages, admin tooling, media metadata, and validated quote-request workflows.
Engineering
Implemented a Vite React 18 TypeScript frontend, Express API, Zod validation, Multer uploads, Helmet security middleware, PostgreSQL-ready persistence, and deployment split across Vercel and Render.
Outcome
Delivered a production-oriented system that can be maintained through an admin console instead of code edits, with repository and live deployment available for review.