Custom Coded Next.js React TypeScript Vercel

FAS Marine

A marketing site and engine-by-engine tune finder for a Mercury outboard performance tuner.

FAS Marine Marine performance — Mercury outboard tuning August 2026 Design and build

View Live Site
FAS Marine home page
The Problem

FAS Marine sells calibrated performance tunes for Mercury outboards. The range covers 27 engines across five families, each with its own stage options, hardware notes and price, and buyers arrive knowing their engine rather than a part number. A single brochure page makes every visitor read the whole range to find the one line that applies to them, and gives search engines nothing to index for any individual engine.

What We Built

We built the site in Next.js and TypeScript. One typed catalog file drives everything: an interactive tune finder narrows the range by engine family and model, and every engine gets its own statically generated page carrying its stage options, hardware notes and price, so each model is indexable and linkable on its own. The build has no CMS, no database and no environment variables, so it deploys as static output. A smoke test runs against the production build on every change, checking the homepage, a generated engine page, a production image asset, the security headers and the 404 response.

  • Interactive tune finder that narrows 27 engines by family and model
  • A statically generated, separately indexable page for every engine, all from one typed catalog
  • No CMS, database or environment variables — the whole site ships as static output
  • Production smoke test covering the homepage, a generated engine page, an image asset, security headers and the 404 route
The Result

The site runs at fasmp.com. Every engine in the range has its own page a buyer can be linked straight to, reachable in two clicks from the tune finder, and adding an engine is a one-line change to the catalog. With no runtime dependencies, hosting stays a static deploy.

In Detail

FAS Marine home page
Home page with the tune finder entry point
A generated engine tune page
One statically generated page per engine, built from the catalog
FAS Marine on a phone
The same finder on the phone a buyer uses at the dock

Built With

Next.js React TypeScript Vercel
Ready to Begin?

Want results like these?

Tell us about your project and we'll show you what's possible.

Or reach us directly at buildwith@launchwellbrands.com