RenderShield

Two focused tools that solve different problems.
Use what you need.

RenderShield Prerender

Static generation for crawlers

RenderShield Prerender produces complete, static HTML for crawlers — and can prove that bots receive it in production.

It prerenders structured content ahead of time and optionally routes crawler requests to that output at the edge, while normal users continue to receive your SPA.

No frameworks required.
No browser rendering.
No guessing what bots see.

GitHub

npm install -D @lownoise-studio/rendershield

$ rendershield verify --prod https://your-domain.com/blog/hello-world

✓ Production verification fetches production as Googlebot
✓ Requires x-rendershield: bot-hit
✓ Validates generated HTML

RenderShield React

React render diagnostics

A semantic instrumentation layer for React render boundaries.

RenderShield React is a lightweight developer instrument for structured prop comparison, targeted watched-path comparison, render diagnostics, recommendations, and component contracts.

It exposes the decision boundary.
You don’t guess. You verify.

GitHub

npm install @lownoise-studio/render-shield-react

HOC → Execution gate
Hook → Reference stabilizer
Report → Semantic analyst

Supports shallow comparison by default
Supports targeted watched paths
Supports custom comparison

Documentation

Read the source and guides.

Documentation and implementation details live with each project on GitHub.

RenderShield Prerendergithub.com/Lownoise-Studio/rendershield RenderShield Reactgithub.com/Lownoise-Studio/rendershield-react

Examples

Prerender

$ npx rendershield init
$ npx rendershield build
$ npx rendershield verify

See the project on GitHub

React

withRenderShield
useRenderShield

See which values changed, why a render was accepted or shielded, and where unstable references are coming from.

See the project on GitHub