Case study · Client work
Production Web Development & SEO
Two production landing sites, ms-wong.com and irenengmusic.com, designed in React with shadcn and Tailwind CSS. Each is statically exported with npm run build, committed to a deploy repository and served worldwide from Cloudflare Pages with no server infrastructure.
- Next.js
- React
- shadcn/ui
- Tailwind CSS
- Cloudflare Pages
- GitHub Actions
- CI/CD
- Google SEO
- Static Site
- production sites
- 2
- servers to run
- 0
- deploy on every push
- Auto
- on every deploy
- HTTPS
The problem
Two local businesses, a conveyancing and estate law firm and a certified piano teacher, needed a professional online presence that people could actually find on Google.
The solution
Fast static sites with careful UI, deployed automatically to Cloudflare's edge, and set up for search from day one: sitemaps, Search Console, semantic HTML and meta tags.
Architecture
Press play to follow a request.
Swipe sideways to explore the diagram →
Static by design: every push builds, deploys to the edge and stays crawlable. No server to run.
Live sites
Two real clients, live today.
- ms-wong.comM.S. Wong & CoLaw firm landing page for a conveyancing and estate practice, built to establish a professional online presence and make the firm easy to find.(opens in a new tab)
- irenengmusic.comIrene Ng MusicMusic teaching portfolio for a Trinity College London-certified pianist in Klang Valley: piano lessons, ABRSM and Trinity exam prep, and student reviews.(opens in a new tab)
Capabilities
What it does well.
- 01 · Hosting
Cloudflare Pages
Global CDN with zero-config static hosting and automatic HTTPS on every deployment.
- 02 · Hosting
GitHub Actions CI/CD
Every push to main triggers an automated build and deploy pipeline, with no manual steps.
- 03 · Hosting
Static architecture
No server required: fast, secure and cost-efficient, served directly from Cloudflare's edge network.
- 04 · SEO
Google Search Console
Indexed both sites, monitored crawl coverage, submitted sitemaps and tracked search performance.
- 05 · SEO
Meta tags
Title and description metadata configured for each page to maximise SERP appearance.
- 06 · SEO
Semantic HTML
Structured markup aids crawler understanding and contributes to better search rankings.
- 07 · SEO
Core Web Vitals
Cloudflare edge caching keeps load times fast, supporting strong performance scores.
Stack
Built with.
- UI / UX
- React.js · shadcn/ui · Tailwind CSS
- Architecture
- Static site · Next.js
- Hosting
- Cloudflare Pages · Global CDN
- CI/CD
- GitHub Actions · Automated deployments
- SEO
- Google Search Console · Meta tags