{"repo":"stereobooster/react-snap","free":true,"listed":false,"github":"https://github.com/stereobooster/react-snap","clone":"git clone https://github.com/stereobooster/react-snap.git","description":"👻 Zero-configuration framework-agnostic static prerendering for SPAs","language":"JavaScript","stars":5117,"topics":["zero-configuration","prerender","ssr","seo","static-site-generator","react","vue","server-side-rendering"],"license":"MIT","category":"docs-static-sites","readme_excerpt":"react-snap Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root. Heavily inspired by prep and react-snapshot, but written from scratch. Uses best practices to get the best loading performance. 😍 Features - Enables SEO (Google, DuckDuckGo...) and SMO (Twitter, Facebook...) for SPAs. - Works out-of-the-box with create-react-app - no code-changes required. - Uses a real browser behind the scenes, so there are no issues with unsupported HTML5 features, like WebGL or Blobs. - Does a lot of load performance optimization . Here are details, if you are curious. - Does not depend on React . The name is inspired by react-snapshot but works with any technology (e.g., Vue). - npm package does not have a compilation step, so you can fork it, change what you need, and install it with a GitHub URL. Zero configuration is the main feature. You do not need to worry about how it works or how to configure it. But if you are curious, here are details. Basic usage with create-react-app Install: Change package.json : Change src/index.js (for React 16+): That's it! Basic usage with Preact To do hydration in Preact you need to use this trick: Basic usage with Vue.js Install: Change package.json : Or use preserveWhitespace: false in vue-loader . source - output folder of webpack or any other bundler of your choice Read more about minifyHtml caveats in #142. Example: Switch from prerender-spa-plugin to react-snap Caveats Only works with routi","default_branch":null,"files":null,"tree":[],"storefront":"/r/stereobooster","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/stereobooster/react-snap/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}