Muckerheide Ag Trailers
A React build with no Node on the server.
Muckerheide Ag had a serious product line and a website that did not reflect it. The rebuild is a Next.js app that ships as a static export: nine model pages, a 72-photograph gallery, and a quote flow, all deployed as plain files to Namecheap shared hosting. Everything a Node runtime would normally provide has an Apache or PHP equivalent instead, which is what keeps the hosting bill at shared-plan prices.
The shortlist.
- 01Dump catalog across 15, 18, 22, 26, and 40 ton BearClaw models, each with its rated load
- 02Fuel catalog with standard, deluxe, multi-tank, and custom builds, plus a Standard vs Deluxe comparison table
- 03Static export to shared cPanel hosting: no Node process, no container, no platform bill
- 04Security headers, legacy .html redirects, canonical host, caching and gzip all live in a shipped .htaccess, because next.config headers() does nothing in an export
- 05Forms POST to three PHP handlers, with the mail credentials installed above the web root so they cannot be fetched over HTTP
- 0672-photograph gallery with a keyboard-navigable lightbox, and a walkaround video on the Deluxe
- 07Quote request available from any page through a shared modal, alongside a dealer application
Capabilities, in plain language.
Catalog
Nine model pages across two product lines, each with specs, options, and a quote path. The dump lineup is data-driven off one content file; the fuel models get bespoke pages because the buying decision differs per configuration.
The export constraint
Shared hosting serves files, not a runtime. Trailing slashes are on so Apache's DirectoryIndex resolves every route with no rewrite rules, and so a legacy fuel-trailers.html cannot collide with the fuel-trailers/ directory.
Forms without a backend
Contact, quote, and dealer submissions go to PHP handlers with a shared bootstrap. Endpoint paths are centralized in one content file, and the SMTP config sits one level above public_html.
Sales collateral
A printable Standard vs Deluxe comparison sheet and the full BearClaw brochure, surfaced as PDFs. The on-page comparison table mirrors the printed sheet, so the two cannot quietly drift.
A look around.
The dump trailer catalog: five BearClaw models from 15T to 40T, each carded with its rated load, above a Built to Work engineering panel.
The fuel trailer catalog with standard, deluxe, multi-tank, and custom builds under a Made in the USA badge, leading into a Standard versus Deluxe comparison.
The gallery page, a masonry wall of owner-supplied job photographs mixing studio product shots with trailers working in the field.
The homepage on a phone, where the diagonal slash and stacked headline hold at 390px.