What is RndrKit?

Introduction

RndrKit is a pre-rendering service that makes single-page applications (SPAs) visible to search engines. If you have built a website with tools like Lovable, Bolt, or any JavaScript framework, search engines may struggle to index your content because they see an empty HTML shell instead of your actual pages.

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 100 known bot user-agents are identified at the Nginx level, including search engines, social media crawlers, and AI bots
  • Fast cached responses -- Rendered pages are cached in Redis 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 via Let's Encrypt

Architecture at a Glance

Visitor Request
    |
    v
Cloudflare (DNS)
    |
    v
Nginx (Bot Detection)
    |
    +--> Bot?    --> Express API --> Redis Cache --> Puppeteer 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

How Pre-rendering Works