This Website
The website for my portfolio and business — a live example of the same kind of build offered to clients: a data-driven services and portfolio system on a fast, low-cost stack.
The work behind the result
The challenge, the implementation approach, and the parts of the system that are useful to inspect in more detail.
The business needed a site that gets a visitor to the right service quickly, ends every page with a path to the quote form, and doubles as a portfolio for both prospective clients and potential employers — without needing a new page written by hand every time a service or project is added.
Built with Next.js (App Router) and TypeScript, deployed to Cloudflare Workers rather than a paid platform to keep hosting costs at effectively zero for a low-traffic marketing site. Services and portfolio case studies are generated from typed data files, so adding one is a data change, not a new page.
What went into the build
Concrete pieces of the project, shown only where the project data has confirmed details to support them.
What I built
- Fully custom Next.js site with App Router
- TypeScript for type safety and scalability
- Tailwind CSS for styling and responsive design
- Deployed on Cloudflare Workers for low-cost, high-performance hosting
- Data-driven project system from typed content files
Key features
Fast & Lightweight
Optimized for performance with minimal bundle size and edge deployment.
Scalable Content
Projects and services are generated from typed data files for easy updates.
Lead Focused
Built-in quote form and clear CTAs guide visitors to take action.
A visible look at the redesign
Paired captures keep the original and revised versions next to each other for a direct comparison.
Homepage
About
Portfolio
More projects
Want to talk through something similar?
Share the goal, the current state, and the constraints you already know. I can start from there.