ZN SYSTEMS
Company Website Rebuild with Headless Next.js
A full website rebuild that moved a company away from WordPress and improved frontend performance, structure, and deployment.
Key results
Load time reduced from 3.5 seconds to under 1.5 seconds
Cleaner URL and metadata structure
Cloudflare OpenNext and R2 deployment
Summary
We rebuilt the frontend with Next.js, added focused Three.js and scroll animation work, and reworked the URL structure and metadata. The site was deployed with Cloudflare OpenNext and R2 so the new stack could stay fast and practical in production.
Context
Company marketing website
Project type
Next.js
Primary stack
Next.js
Focus areas
Technology
The situation
The existing website needed a faster, cleaner foundation.
The existing WordPress site needed a faster frontend and a cleaner technical foundation. The rebuild also needed better URL structure, metadata, and a more engaging presentation without making the site harder to maintain.
The result
Load time reduced from 3.5 seconds to under 1.5 seconds
The website load time improved from about 3.5 seconds to under 1.5 seconds. The company also received a cleaner content structure and a modern frontend that was easier to extend than the previous WordPress setup.
Additional outcomes
- Cleaner URL and metadata structure
- Cloudflare OpenNext and R2 deployment
What was built
The main workflows and capabilities delivered for this project.
Headless Next.js frontend
Three.js visual elements
Scroll-based interaction
Improved URL structure
Technical metadata cleanup
Cloudflare OpenNext and R2 deployment
Have a software problem to solve?
Tell us what you are trying to build, improve, or automate. We can work out the right approach together.
Start a projectRelated cases
More work
Offline Field Sales & Inventory App
A mobile-first field sales app built on an existing MSSQL system, with offline sync, live stock lookup, orders, receipts, and packing workflows.
HR System for Fingerprint Attendance and Payroll
An on-premises HR system for fingerprint attendance, live staff monitoring, payroll calculations, and employee self-service.
Spare Parts AI Assistant with MCP and Claude
An AI-powered assistant that lets staff ask plain-language questions about customers, products, stock, suppliers, prices, and vehicle-specific parts.