MAN-AR Canada: B2B Corporate Sourcing Platform
A high-performance, multilingual corporate platform developed for a Canadian B2B industrial sourcing firm. Engineered with Next.js and optimized with Tailwind CSS v4, featuring a secure PHP-based communication bridge.
Tech stack
- Languages
- Frameworks & libraries
Performance & metrics
- Achieves 99+ Lighthouse scores across performance, accessibility, and SEO metrics
- Zero-dependency PHP mailing backend eliminates third-party API latency and recurring costs
- Optimized asset delivery and strict CSS payload reduction via modern Next.js and Tailwind v4 compilation
Why I built it
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
- 01Deep i18n integration supporting localized English, French, and Spanish routing
- 02Component-level static generation for maximized SEO and load performance
- 03Hardened PHP mailing endpoint with strict input sanitization to prevent header injection
- 04Bespoke corporate UI/UX implementing fluid transitions and structural professionalism
- 05Responsive executive capability document viewer and secure PDF download pipeline
Technical review
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.