Buy a CNC Router — Industrial CNC Storefront
Sole Developer
A Next.js storefront built for Industrial CNC, a CNC router manufacturer, to sell its "Short Cut 203" router directly online while funneling interest in its other four Pro Series models back to the manufacturer's main site. It combines a fixed-price purchase-order checkout with a "request a quote" alternative, automated email notifications, and structured data engineered specifically to pass Google Merchant Center's approval requirements. Product content (descriptions, specs, testimonials, videos) is pulled from the manufacturer's existing legacy pages.
Key Contributions
- Built a Next.js 16 (App Router) storefront with React 19, TypeScript, and Tailwind CSS 4, using Server Actions instead of API routes for every form submission, with pricing and SKU resolution kept authoritative on the server.
- Designed a dual-conversion checkout system offering both a 'Place Order' (purchase-order/invoice) flow and a 'Get a Quote' flow, each backed by its own typed Server Action, field validation, honeypot-based bot filtering, and a shared modal UI deep-linkable via query parameters.
- Implemented transactional email delivery with Resend, hand-building a branded HTML/plain-text email layout system that renders order and quote details into email-client-safe markup with reply-to routing back to the customer.
- Implemented JSON-LD Product/Offer and Organization structured data.
- Configured HTTP security headers (HSTS, X-Frame-Options, Referrer-Policy, Permissions-Policy) and authored the full set of e-commerce legal pages (privacy policy, terms of service, shipping policy, return policy).
- Iterated the payment strategy across several commits, moving from invoice-only ordering toward a Square Payment Link integration to keep pace with Google Merchant Center's checkout policy requirements.
Technologies
- Next.js 16 (App Router) & React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
- Resend (transactional email)
- Python (data-extraction scripting)
- JSON-LD / Schema.org
- lucide-react
- Square