What is RndrKit?

Introduction

If your website is a single-page app -- built with Lovable, Bolt, Replit, a custom React, Vue, Angular, or Svelte stack, or anything else that renders in the browser -- search engines often see a blank page. RndrKit is a pre-rendering service that fixes this by serving fully rendered HTML to bots while proxying humans directly to your origin.

RndrKit solves this by sitting between your visitors and your website. When a search engine bot visits your site, RndrKit serves a fully rendered HTML snapshot. When a human visitor arrives, they are seamlessly proxied to your original site with no delay.

The Problem RndrKit Solves

Modern web applications built with React, Vue, Angular, or AI-powered builders like Lovable and Bolt rely heavily on JavaScript to render content in the browser. This creates a fundamental SEO problem:

  • What humans see: A fully interactive website with all content rendered by JavaScript.
  • What bots see: A near-empty HTML file with a <div id="root"></div> and script tags. No headings, no text, no images, no structured data.

Google claims to render JavaScript, but in practice it often indexes the bare HTML first and may never return to render the JavaScript. Other search engines like Bing, DuckDuckGo, and social media crawlers (Facebook, Twitter, LinkedIn) do not render JavaScript at all.

The result: your pages are invisible, your meta tags are missing, and your site does not appear in search results.

How RndrKit Fixes This

RndrKit operates at the DNS level. You point your domain's DNS records to RndrKit, and the service handles every incoming request:

  1. Bot requests are identified by user-agent and routed to a rendering pipeline. The page is loaded in a headless browser, the JavaScript executes, and the fully rendered HTML is cached and served.
  2. Human requests are transparently proxied to your origin server. Visitors never know RndrKit is involved.

This means search engines get complete, indexable HTML while your users get the same fast experience they always had.

Who Is RndrKit For?

RndrKit is built for anyone running a JavaScript-heavy website that needs to rank in search engines:

  • Agencies managing client sites built with Lovable, Bolt, or similar AI website builders
  • Developers using React, Vue, Angular, or Svelte who need SEO without switching to server-side rendering
  • Small businesses with SPA websites that are not showing up in Google
  • E-commerce sites built on JavaScript frameworks that need product pages indexed

Key Features

  • Automatic bot detection -- Over 130 known bot user-agents are identified at our edge, including search engines, social media crawlers, and AI bots
  • Fast cached responses -- Rendered pages are cached so subsequent bot visits are served instantly
  • Zero code changes -- You do not need to modify your application. Just update your DNS records
  • Dashboard analytics -- See which bots are visiting, which pages they are requesting, and how your cache is performing
  • SEO tools -- Generate sitemaps, edit robots.txt, set up redirects, and run SEO audits from the dashboard
  • Automatic SSL -- SSL certificates are provisioned automatically

Architecture at a Glance

Visitor Request
    |
    v
Cloudflare (DNS)
    |
    v
Edge (Bot Detection)
    |
    +--> Bot?    --> Express API --> Cache Layer --> Headless Browser Renderer
    |
    +--> Human?  --> Express API --> Proxy to Your Origin Server

Every request flows through this pipeline. The bot detection happens at the edge with no performance impact on human visitors.

Getting Started

Ready to set up RndrKit? Follow the Quick Start Guide to have your site pre-rendering in under five minutes.

Want to understand the technical details first? Read How Pre-rendering Works for a deeper explanation of the rendering pipeline.

Next steps

Next

How Pre-rendering Works