Back to projects
In ProgressNext.jsTypeScriptTailwind CSSVercelCloudflare

New Gen Autos

A brochure website for an autorepair shop supporting automated email responses and automated bookings.

Test site

New Gen Autos is a single-page site for an Auckland auto repair shop, built with Next.js and TypeScript, styled with Tailwind CSS, and configured to deploy to Cloudflare Workers through OpenNext. It is the first site off a reusable brochure template I distilled from the Proxee build, so there is no CMS: every word lives in typed content modules, and a placeholder helper fails the build rather than shipping a sentence with a hole in it. The shop's details are written once and feed the page, the sitemap, and the AutoRepair structured data together, so the listing Google reads can never drift from the one a visitor sees.

Bookings go through MechanicDesk's hosted form in an iframe rather than their undocumented internal API, which keeps live diary availability and drops requests straight into the shop's queue. The enquiry form is one server action that runs a honeypot, then Zod, then Turnstile, then Resend, in that order so a typo never burns a single-use captcha token, and it emails the shop with reply-to set to the customer. Vitest covers the pure logic and CI blocks a merge on a lint warning.