A California contractor-license school's site was rebuilt from a React single-page app into a fast static Astro site in English, Spanish, and Korean — then prepared for safe client editing.
The business
A school preparing students for the California contractor license exam, serving English-, Spanish-, and Korean-speaking trades communities. The business runs on phone calls: the website's one job is to explain the offer in the visitor's language and get them to call.
The real problem
The original site was built as a client-side React app. The server sent a nearly empty HTML shell — about 2 KB — and JavaScript assembled the page in the browser. That meant search engines and any content-editing tooling saw essentially nothing, and every visitor paid the cost of downloading and executing the app before reading a word.
My responsibility
Full rebuild and delivery: migrating the site to a static architecture, preserving the trilingual content and phone-first design, deploying it, and preparing it for safe ongoing content editing.
What was built
01
The React/Vite single-page app was rebuilt as a static Astro site. Every page now ships real HTML — headings, paragraphs, links, and images exist in the served document instead of being assembled by JavaScript in the browser.
02
English, Spanish, and Korean each get their own page (/, /es, /ko) with a scroll-anchor navigation. Spanish copy was localized to Mexican Spanish for the actual audience rather than machine-translated.
03
A persistent call button and sticky call bar keep the school's number one tap away. These elements are structural — locked so later content edits can't remove or break them.
04
The static build deploys via Cloudflare's global network from a connected GitHub repository, with the client's domain remaining registered at GoDaddy and pointing its DNS at Cloudflare.
05
The rebuilt site was used to validate the Safe-Editing CMS workflow: all three pages were ingested, navigation, footer, branding, and the phone CTA were locked as structural chrome, and marketing copy was exposed as editable slots — 112 editable and 55 locked per page.
System view
Server sends a ~2 KB empty shell; the browser downloads and runs JavaScript to build the page. Search engines and editing tools see a blank document.
Server sends the full page as HTML (~28 KB of real content per language). Content is readable by people, search engines, and the safe-editing system alike.
Pick your language, read the offer, tap to call.
Inspectable proof
Sanitized artifacts show the underlying work without exposing client identities, credentials, private dashboards, or customer data.
A sanitized comparison of the original JavaScript shell and the rebuilt pages that ship complete HTML in three languages.
Fresh build evidence plus the dated safe-editing pilot record.
Evidence
Full source with EN/ES/KO pages, locked-chrome annotations, and component structure.
All three language pages confirmed serving complete HTML on Cloudflare infrastructure — correct headings, body content, styles, and assets, with internal data files correctly inaccessible.
Documented ingest of all 3 pages, 112 editable / 55 locked slots per page, rejection of edits to locked navigation, and a self-contained export deployed to an isolated pilot project.
Project record of the Vite → Astro conversion and the Mexican-Spanish localization pass.
Results & current state
The site went from an empty HTML shell to fully readable static pages in three languages.
Verified by inspection of the served HTML before and after: ~2 KB empty shell versus ~28 KB of real content per language page.
Delivery is verified, repeatable, and version-controlled.
Static build deploys from GitHub via Cloudflare; the June 10, 2026 verification confirmed pages, styles, and assets resolve correctly.
The site is ready for safe client editing without layout risk.
Safe-editing pilot validated end-to-end: structural chrome locked, marketing copy editable, bad edits rejected with reasons.
Describe your setup in a few sentences — you'll get a plain answer about whether and how I can help.