ModernBuilders

The client, a 25-year general contracting business with 200+ completed projects, had no web presence — no way for prospective clients to see their portfolio or get in touch beyond word of mouth.

A Next.js marketing site backed by a headless Sanity CMS, so services and past projects (residential, commercial, industrial) can be added or edited without touching code, plus a working contact form that emails inquiries directly to the client with the sender's address set as reply-to.

• Next.js site backed by a Sanity CMS schema for services, projects, and brochures
• Live contact form (Resend) that emails inquiries straight to the client, reply-to preserved
• Custom WebGL/shader visual effects for a premium feel

• Next.js App Router pages fetch content from Sanity, with typed placeholder data mirroring the exact CMS schema so the site renders fully before any real content is entered
• A dynamic /projects/[slug] route renders each portfolio project (residential, commercial, industrial — completed, ongoing, or available)
• /api/contact is a server route that calls the Resend API to email new inquiries straight to the client's inbox

Designed and built the entire site solo as a freelance client project — the Next.js architecture, the Sanity CMS schema, the contact form integration, and the custom visual effects.

• Making the site look fully populated and professional from day one, before the client had entered any real content into the CMS — solved with typed placeholder data that mirrors the Sanity schema exactly, so nothing breaks once real content replaces it.

• Structuring a headless-CMS schema so a non-technical client can manage their own project portfolio and services without ever touching code.