rendertron - A dockerized, headless Chrome rendering solution

•    Javascript

---

Rendertron 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 seo

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

•    Go

---

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...

ssr react vue angular reactjs vuejs chrome-headless chrome-devtools seo seo-optimization server-side-rendering dynamic-rendering spa crawler puppeteer

react-pwa - An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience

•    Javascript

---

A 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 webpack4

prerender-spa-plugin - Prerenders static HTML in a single-page application.

•    Javascript

---

Flexible, 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-rendering

instagram-bot.js - 🤖 :camera: Instagram Bot made with love and nodejs

•    Smarty

---

If you received an SMS or an email pin edit loginpin.txt and insert it on the first line. Wait 50-60 seconds... Edit configs/config.js and switch chrome_headless option to true.

instagram instagram-bot selenium webdriverio nodejs bot instagress instapy social-media social puppeteer pm2 instabot instagram-scraper ptkdev

render - Martini middleware/handler for easily rendering serialized JSON, XML, and HTML template responses

•    Go

---

Martini middleware/handler for easily rendering serialized JSON, XML, and HTML template responses. render uses Go's html/template package to render html templates.

Botkit - Building Blocks for Building Bots

•    Javascript

---

Botkit is the leading developer tool for building chat bots, apps and custom integrations for major messaging platforms. Botkit works with all the NLP services (like Microsoft LUIS and IBM Watson), can use any type of database you want, and runs on almost any hosting platform.

botkit botkit-studio microsoft-bot-framework bot-application slack facebook twilio cisco-spark bots sms conversational-ui workplacebyfacebook microsoft-teams bot facebook-bot facebook-messenger glitch making-bots web-bot chatbot chatbots webex web-chat jabber google-hangouts

rapscallion - Asynchronous React VirtualDOM renderer for SSR.

•    Javascript

---

This function returns a Renderer, an interface for rendering your VirtualDOM element. Methods are enumerated below.This function evaluates the React VirtualDOM Element originally provided to the renderer, and returns a Promise that resolves to the component's evaluated HTML string.

react server-side-rendering react-dom asynchronous stream html render ssr

Tomato Renderer

•    

---

Tomato renderer is an XNA-based rendering engine. - Light pre-pass (a.k.a. deferred lighting) rendering. - Filmic tone-mapping. - Scene-graph based object system.

deferred-lighting filmic-tone-mapping game graphics middleware rendering

vue-wordpress-pwa - An offline-first SPA using Vue

•    Javascript

---

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplate

spritejs - A cross-platform lightweight 2D render object model.

•    Javascript

---

SpriteJS is a cross-platform lightweight 2D render object model. Manipulate the sprites in canvas as you do with the DOM elements.

spritejs canvas animation graphics rendering renderer rendering-2d-graphics canvas-game canvas-animation svg-path vue react svg sprite graphic path d3 node-canvas parser html5 object-model

universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering

•    Javascript

---

Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) rendering server. You can either use its defaults and begin coding your project, or configure it to your liking with custom Webpack options and Express or Redux middleware. It's intended as both an easy starting point for developers new to React and Redux, as well as an extensible base by which advanced developers can augment with their own middleware and keep up to date with the fast-moving React ecosystem. The quickest way to get started is to clone the starter project. This gives you a base project that is set up with default configurations of Webpack and Express.

react isomorphic universal webpack express hot-reloading react-hot-reloader redux renderer boilerplate babel npm

preact-starter - Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact

•    Javascript

---

Using preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).

webpack boilerplate preact offline pwa spa progressive-web-app starter-kit webpack3

express-gateway - A microservices API Gateway built on top of ExpressJS

•    Javascript

---

Express Gateway is an API Gateway that sits at the heart of any microservices architecture, regardless of what language or platform you're using. Express Gateway secures your microservices and exposes them through APIs using Node.js, ExpressJS and Express middleware. Developing microservices, orchestrating and managing them now can be done insanely fast all on one seamless platform without having to introduce additional infrastructure. Express Gateway is commerically supported LunchBadger. For more information about support plans please contact info@express-gateway.io.

api-gateway expressjs express-middleware microservices oauth2 oauth2-server express-gateway microservice security endpoints service-discovery apis rest express middleware policies pipelines nodejs-gateway

hypernova - A service for server-side rendering your JavaScript views

•    Javascript

---

First and foremost, server-side rendering is a better user experience compared to just client-side rendering. The user gets the content faster, the webpage is more accessible when JS fails or is disabled, and search engines have an easier time indexing it.Secondly, it provides a better developer experience. Writing the same markup twice both on the server in your preferred templating library and in JavaScript can be tedious and hard to maintain. Hypernova lets you write all of your view code in a single place without having to sacrifice the user‘s experience.

react server render isomorphic universal express

koa-views - Template rendering middleware for koa (hbs, swig, pug, anything! :sparkles:)

•    Javascript

---

Template rendering middleware for koa@2. koa-views is using consolidate under the hood.

template-engine koa render views app-wide templating templates

Cezerin - Ecommerce Progressive Web Apps

•    Javascript

---

Cezerin is React and Node.js based eCommerce platform. Allows creating a Progressive Web Apps. It feature include list Product details, Product categories, Inventory and stock management, Orders, Pages, Shipping and payment methods, Payment Gateways, Checkout options, Theme Settings, App store, Server-side rendering (SEO friendly) and lot more.

react redux mongodb shopping-cart ecommerce cms pwa spa content-management-systems

universal-router - A simple middleware-style router for isomorphic JavaScript web apps

•    Javascript

---

A 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 flux

penthouse - Generate critical css for your urls

•    HTML

---

Penthouse is the original critical path css generator, helping you out to speed up page rendering for your websites. Supply your site's full CSS and the page you want to create the critical CSS for, and Penthouse will return the critical CSS needed to perfectly render the above the fold content of the page. Read more about critical path css here. The process is automatic and the generated CSS is production ready as is. Behind the scenes Penthouse is using puppeteer to generate the critical css via the chromium:headless.

performance css web phantomjs nodejs css-critical-path-generator build tool chrome:headless

AlloyRender - 2d rendering engine for the web with es6+

•    Javascript

---

This content is released under the MIT License.

canvas canvas2d webgl rendering renderer render svg alloyrender