Open source / MIT

Your React app,
visible to search engines.

Search engines crawl HTML. SPAs serve an empty shell. prestruct fixes that -- rendering each route to static HTML at build time with correct title, description, Open Graph, schema.org, and cache headers. No framework migration. No edge runtime. Just a smarter build step.

Get started →View source

Build pipeline

vite build

Hashed JS + CSS bundles to dist/

inject-brand.js

Global SEO meta into index.html

prerender.js

Each route rendered to static HTML

CF Pages deploy

Globally cached, correct HTTP status

The SPA SEO problem

Googlebot sees

Empty <div id="root">

Full rendered HTML

Per-route title

Wrong or missing

Baked in at build time

Open Graph / social

Site-wide default only

Per-route og:title, og:description, og:url

schema.org JSON-LD

Not present

Injected from config

Asset caching

No cache strategy

Immutable assets, no-cache HTML

404 status

HTTP 200 on all routes

Real HTTP 404 from 404.html

Sitemap

Manual, goes stale

Auto-generated on every build

What you gain

↑ rank

Crawlable content

Every route serves its full HTML to bots. No JavaScript execution required. Googlebot, Bingbot, and social crawlers see exactly what a user sees.

↑ CTR

Rich search previews

Per-route title and description baked into HTML. Your search result shows the right snippet for each page, not a generic site-wide fallback.

↑ share

Social cards that work

og:title, og:description, og:url, og:image correct on every route. When someone shares your /pricing page, the card shows pricing content, not your homepage.

↑ trust

Schema.org structured data

JSON-LD injected from your config into every page head. Organization, WebSite, Product, Article -- whatever your app needs to earn rich results.

↑ speed

Correct cache headers

Hashed JS/CSS assets cached immutably. HTML revalidates on every request. Users always get fresh content, browsers never re-download unchanged bundles.

0 cost

No infrastructure change

Still deploying to Cloudflare Pages as static files. No server, no edge worker, no new dependencies at runtime. Build time goes up by ~2 seconds.

This page, right now

view-source:https://prestruct.creadev.org

<title>prestruct | SEO prerendering for Vite + React on Cloudflare Pages</title>

Your React app,visible to search engines.