Why Did I Build This?
"MAN-AR Canada required a highly professional, enterprise-grade digital presence to interface with global industrial stakeholders. Standard CMS templates lacked the required performance, security, and precise localization controls necessary for a tri-lingual (EN, FR, ES) corporate audience. I engineered this platform from scratch to ensure absolute compliance with modern web standards, delivering a secure, fast, and SEO-optimized environment that authentically reflects their engineering-led procurement model."
Architecture & Decisions
The frontend leverages Next.js 15 with App Router for aggressive static site generation (SSG) to ensure near-zero Time to First Byte (TTFB). The UI is strictly typed via TypeScript and styled using Tailwind CSS v4 alongside bespoke CSS modules for corporate-themed, hardware-accelerated animations. To maintain server security and bypass reliance on external mail APIs, I decoupled the contact and document request pipelines into a standalone, hardened PHP backend.
Key Features
- 01.Deep i18n integration supporting localized English, French, and Spanish routing
- 02.Component-level static generation for maximized SEO and load performance
- 03.Hardened PHP mailing endpoint with strict input sanitization to prevent header injection
- 04.Bespoke corporate UI/UX implementing fluid transitions and structural professionalism
- 05.Responsive executive capability document viewer and secure PDF download pipeline
This project highlights the intersection of modern frontend compilation and secure, traditional backend endpoints. By utilizing Next.js for the presentation layer and isolating the communication logic in PHP, the system guarantees high-speed global delivery without exposing sensitive corporate infrastructure. The tri-lingual architecture was engineered dynamically, ensuring that routing and SEO metadata seamlessly adapt to the strict localization requirements of the North American and international industrial markets.