vue-awesome-swiper - 🏆 Swiper component for Vue.

•    Vue

---

Swiper component for Vue

swipe slide vue vue-swiper vue-components vue-awesome-swiper ssr nuxtjs nuxt vuejs vuejs2 vue2 vue-component vue-resource carrousel slides slider swiper vue-plugin vue-directive awesome-swiper vue-carrousel vue-slide

react-apollo - :recycle: React higher-order component for Apollo Client

•    TypeScript

---

React Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.React Apollo unlike many other tools in the React ecosystem requires no complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.

react graphql ssr redux ecmascript es2015 jsnext relay npm

react-starter-kit - React Starter Kit — isomorphic web app boilerplate (Node

•    Javascript

---

React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.

react graphql boilerplate reactjs webpack babel browsersync flux redux nodejs ssr i18n

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

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

react-snap - 👻 Zero-configuration framework-agnostic static prerendering for SPAs

•    Javascript

---

Pre-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-rendering

isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

•    Javascript

---

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 intl

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

shadowsocks_install - Auto Install Shadowsocks Server for CentOS/Debian/Ubuntu

•    Shell

---

Auto Install Shadowsocks Server for CentOS/Debian/Ubuntu

shadowsocks shadowsocksr shadowsocks-server shadowsocks-libev ssr

nuxt.js - The Vue.js Developers Framework

•    Javascript

---

Vue.js Meta Framework to create complex, fast & universal web applications quickly. Learn more at nuxtjs.org.

framework isomorphic universal vue ssr nuxt web-app vuex vue-router server-rendering nuxt.js nuxtjs vue.js vuejs vue-universal vue-ssr vue-server-side vue-isomorphic vue-versatile

django-sspanel - 用diango开发的全新的shadowsocks网络面板

•    Python

---

用diango开发的全新的shadowsocks网络面板

shadowsocks sspanel django ssr python3

aspnetcore-angular2-universal - *NEW* Angular 6

•    TypeScript

---

This repository is maintained by Angular and is meant to be an advanced starter for both ASP.NET Core 2.1 using Angular 6.0+, not only for the client-side, but to be rendered on the server for instant application paints (Note: If you don't need SSR read here on how to disable it). This is meant to be a Feature-Rich Starter application containing all of the latest technologies, best build systems available, and include many real-world examples and libraries needed in todays Single Page Applications (SPAs).

angular universal ngrx hmr aspnetcore ssr angular2 dotnet-template angular4 angular5 angular6

aspnetcore-Vue-starter - *NEW* Asp

•    Vue

---

You have two choices when it come at how your preffer to run it. You can either use the command line or the build-in run command. Run the application in VSCode or Visual Studio 2017 by hitting F5.

vue aspnetcore ssr dotnet-template vuejs2 vue2

saber.js - A minimalistic framework for building static website using Vue.js

•    Javascript

---

Saber.js is a minimalistic framework for building static websites using Vue.js. 🔥You may also like Ream which is a Nuxt.js alternative.

ssr static static-website next.js nuxt.js vue peco egoist spa app web framework

prerender-loader - 📰 Painless universal pre-rendering for Webpack.

•    Javascript

---

Painless universal prerendering for Webpack. Works great with html-webpack-plugin. Pre-rendering describes the process of rendering a client-side application at build time, producing useful static HTML that can be sent to the browser instead of an empty bootstrapping page.

webpack prerender pre-rendering pre-render prerendering webpack-plugin ssr performance first-contentful-paint fcp

react-loadable - :hourglass_flowing_sand: A higher order component for loading components with promises

•    Javascript

---

A higher order component for loading components with dynamic imports. So you've got your React app, you're bundling it with Webpack, and things are going smooth. But then one day you notice your app's bundle is getting so big that it's slowing things down.

react loading async imports webpack babel-plugin server-side-rendering ssr code-splitting

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

vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.

•    Javascript

---

vue-meta is a Vue 2.0 plugin that allows you to manage your app's meta information, much like react-helmet does for React. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the metaInfo property. These properties, when set on a deeply nested component, will cleverly overwrite their parent components' metaInfo, thereby enabling custom info for each top-level view as well as coupling meta info directly to deeply nested subcomponents for more maintainable code.

attribute google head helmet info meta seo server ssr title universal vue

next-routes - Universal dynamic routes for Next.js

•    Javascript

---

This file is used both on the server and the client.

nextjs react universal routes router ssr node routing server-rendering next next.js route