Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...
https://github.com/rendora/rendoraTags | ssr react vue angular reactjs vuejs chrome-headless chrome-devtools seo seo-optimization server-side-rendering dynamic-rendering spa crawler puppeteer |
Implementation | Go |
License | Apache |
Platform | Windows MacOS Linux |
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
angular universal angular-cli seed starter isomorphic server-side-rendering hmr ngrx state scss lazy-loading config cache i18n seo aot webpack typescriptPre-renders 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 best loading performance. Zero configuration is the main feature. You do not need to worry how does it work or how to configure it. But if you are curious here are details.
zero-configuration prerender ssr seo static-site-generator react vue server-side-renderingRendertron is a dockerized, headless Chrome rendering solution designed to render & serialise web pages on the fly. Rendertron is designed to enable your Progressive Web App (PWA) to serve the correct content to any bot that doesn't render or execute JavaScript. Rendertron runs as a standalone HTTP server. Rendertron renders requested pages using Headless Chrome, auto-detecting when your PWA has completed loading and serializes the response back to the original request. To use Rendertron, your application configures middleware to determine whether to proxy a request to Rendertron. Rendertron is compatible with all client side technologies, including web components.
rendering headless-chrome seoPre-renders your web app into static HTML based on your specified routes enabling SEO for single page applications.NOTE: prep is now based on Chromeless. We'll shortly release an updated version.
server-side-rendering prerender seo react vue graphcool apollographql server-side rendering render webpack angular isomorphicPre-renders your web app into static HTML based on your specified routes enabling SEO for single page applications. NOTE: prep is now based on Chromeless. We'll shortly release an updated version.
server-side-rendering prerender seo react vue graphcool apollographql server-side rendering render webpack angular isomorphicServerless Chrome contains everything you need to get started running headless Chrome on AWS Lambda (possibly Azure and GCP Functions soon). Why? Because it's neat. It also opens up interesting possibilities for using the Chrome DevTools Protocol (and tools like Chromeless or Puppeteer) in serverless architectures and doing testing/CI, web-scraping, pre-rendering, etc.
serverless serverless-framework aws aws-lambda chrome headless-chrome chrome-debugging-protocol lambda chromium headless-chromium serverless-plugin serverless-functions chrome-devtools-protocol serverless-examples headlessA simple middleware-style router that can be used in both client-side (e.g. React, Vue.js) and server-side applications (e.g. Node.js/Express, Koa).Play with an example on JSFiddle, CodePen, JS Bin in your browser or try RunKit node.js playground.
react reactjs routing router routes spa single-page-app ssr server-side-rendering vuejs react-component route fluxCrawlers based on simple requests to HTML files are generally fast. However, it sometimes ends up capturing empty bodies, especially when the websites are built on such modern frontend frameworks as AngularJS, React and Vue.js. Note: headless-chrome-crawler contains Puppeteer. During installation, it automatically downloads a recent version of Chromium. To skip the download, see Environment variables.
headless-chrome puppeteer crawler crawling scraper scraping chrome chromium promise headlessReact server-side rendering optimization with component memoization and templatization
react-server server-optimization rendering-optimizations component-memoization html-markup isomorphic universal-react optimization react-server-render react-rendering react server-side memoization templatization cache cachingLets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer. Chrome DevTools is great for getting valuable information about your app ๐ต๏ธโ๏ธ. Using headless-devtools you can automate this process ๐ค. One use-case is to collect this data over time ๐, which can help you keep your app in good health ๐ฉโ๏ธ.
A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.
react flux alt iso isomorphic spa ssr koa webpack jsx es6 babel postcss precss eslint react-router react-transform-hmr react-transform hot-loader async server generator es7 i18n intlServer Side Rendering library for React Router v4. If anyone is interested in taking over this project please let me know.
webpack2 react-router code-splitting server-side-rendering ssr react reactjs react-component webpack serverAngular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
ssr nodejs isomorphic angular-material angular-material2 cli server-side-rendering server-rendering angular4 angular angular-cli ng ng4 node rangle renderingFlexible, framework-agnostic static site generation for sites and SPAs built with webpack. ๐ This is the stable 3.x version of prerender-spa-plugin based on puppeteer. If you're looking for the (now-deprecated) 2.x version, based on PhantomJS, take a look at the v2 branch.
prerender seo spa webpack webpack-plugin static-site-generator ssr serverside-renderingA highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.
pwa react ssr hot-reload code-splitting seo babel srcset expressjs es7 hsts hstspreload pwa-apps webpack4Prerender is a node server that uses Headless Chrome to render HTML, screenshots, PDFs, and HAR files out of any web page. The Prerender server listens for an http request, takes the URL and loads it in Headless Chrome, waits for the page to finish loading by waiting for the network to be idle, and then returns your content. The Prerender server can be used in conjunction with our Prerender.io middleware in order to serve the prerendered HTML of your javascript website to search engines (Google, Bing, etc) and social networks (Facebook, Twitter, etc) for SEO. We run the Prerender server at scale for SEO needs at https://prerender.io/.
React code splitting made easy. Reduce your bundle size without stress โ๏ธโจ. Webpack allows modern code splitting via the dynamic import syntax. Loadable Components makes it possible to use that awesome feature with React. It is compatible with react-router and server side rendering. The API is designed to be as simple as possible to avoid useless complexity and boilerplate.
react ssr webpack code-splitting react-router server-side-rendering dynamic-import react-loadable react-async-component react-async-componentsPuppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium. Note: When you install Puppeteer, it downloads a recent version of Chromium (~170Mb Mac, ~282Mb Linux, ~280Mb Win) that is guaranteed to work with the API. To skip the download, see Environment variables.
headless-chrome testing web developer-tools node-module automation๐๐๐ฆ A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
nodejs graphql express sequelize mysql jwt react redux ssr server-side-rendering react-native android ios seo-friendly es6 babel webpack adobe-xd web-application mobile-application
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.