N°
N°006
Name
The storefront and the catalogue behind it
Client
Turbo Diesel Engine Parts
Year
2025–2026
Type
Web and data
Stack
Framer with React code components, a FastAPI JSON feed, PostgreSQL 16, a Playwright collector
Outcome
A live site with prices in pounds, VAT and stock states; about 69,000 parts priced and availability-checked; a WhatsApp button that survives a number change
About
tdengineparts.com is a Framer site, which keeps it editable by the client without a developer, with code components where the template ran out: a hero that settles into place on load, brand tiles for MTU, Caterpillar and Yanmar, a WhatsApp button that points at a redirect on our own domain, and a catalogue grid that reads a JSON feed from the same server as the WhatsApp service and shows each part with its price in pounds, VAT state and stock. Behind the feed is the data work: a Playwright collector that priced and availability-checked about 69,000 parts against the manufacturer's own site, and a second table of 1.15 million machine-to-part fitment rows, so a customer can ask which part fits which engine. Every publish is checked on three breakpoints from outside, because Framer keeps one copy of a text layer per breakpoint and the canvas is not a reliable witness.
tdengineparts.com: the hero, the help row and the brand tiles, as published
Three ways to ask and three engine makes: the row a customer lands on after the hero
The same page on a phone, where most of the customers are
