Render It

Render any JavaScript content to create static sites ready for SEO
Alternatives To Render It
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Next Js Boilerplate3,504
7 days ago3mitTypeScript
🚀🎉📚 Boilerplate and Starter for Next.js 13+, Tailwind CSS 3.2 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
Elderjs2,05874 months ago148July 31, 202241mitTypeScript
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
Next Js Blog Boilerplate492
4 months agomitTypeScript
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs 12, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS 3.
Eleventy Starter Boilerplate168
2 years ago1mitEJS
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Gatsby Plugin Advanced Sitemap14962343 months ago29March 24, 202231mitJavaScript
Advanced XML Sitemaps for Gatsby.js
4 months ago1mitHTML
Landing website + Blog using Jekyll & Tailwind CSS
a year ago2mitHTML
Port of BOOTSTRA.386 for Zola.
a month ago1mitHTML
A Retina-ready Jekyll-powered blog with responsiveness, SEO, etc.; up at
Eventually Jekyll Theme31
3 months agootherSCSS
A Jekyll version of the "Eventually" theme by HTML5 UP.
a month agoTypeScript
🪐🛰 PWA Aplication Based on NASA APOD API
Alternatives To Render It
Select To Compare

Alternative Project Comparisons

Render It 📝

NPM version

Render any JavaScript content to create static sites ready for SEO.

$ yarn add --dev render-it


$ npm install --save-dev render-it

Render it uses Headless Chrome to render the JavaScript content and JSDOM to replace the content in the original HTML document.


If you are here, you probably have a problem like this:

Your server is returning a HTML structure without the content that JavaScript renders.

<!DOCTYPE html>
    <div>Content from the server</div>
    <div id='root'></div> <!-- placeholder for JavaScript to render content -->

But you want to return the document HTML with the content (usually for SEO and SMO).

<!DOCTYPE html>
    <div>Content from the server</div>
    <div id='root'>Content from the client</div>

Render It allows you to generate all the static pages WITH the content. It returns the same HTML structure from the server but with the JavaScript content inside the placeholder.

Why is it awesome?

  • Zero config required in the server side.
  • Zero config required in the client side.
  • Works with any server language.
  • Works with any JavaScript library or framework. (like React, VueJS, Angular)
  • Just render what you need.
  • Does not depend on Webpack.
  • Allows a production site URL to generate the static pages.


Create a Node task to generate the static pages.

// render-it.js

const renderIt = require('render-it')

const config = {
  url: 'http://localhost:3000',
  paths: ['/', '/about', '/contact'],
  selector: '#root',
  outputFolder: 'dist'


Then you can run it with: node ./render-it.js

So, you can use this task in any environment with Node.


Option Default Description
url none URL of the site to crawl. If this parameter isn't present, render-it will run it's own static server using the output folder.
outputFolder output Path of the folder to store the generated static pages
paths ['/'] Url pathnames to render
selector #root Selector to render the JavaScript content
puppeteerConfig { headless: true } Force to use another options for puppeteer


Feature Status
CLI In progress
Render meta tags Pending
Auto crawling Pending
Wait to render Pending
Auto render Pending
Support multiple selectors Pending
Popular Seo Projects
Popular Static Site Projects
Popular Marketing Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Server Side Rendering
Static Site
Static Site Generator