Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-universal-rendering

Awesome resources about server side sendering (SSR), static rendering, pre-rendering, static site generators (SSG).
https://github.com/brillout/awesome-universal-rendering

Last synced: about 8 hours ago
JSON representation

Learning Material
- SEO/SMO
  - Hacker News Comment - This HN comment explains the problem with SEO and search engines other than Google.
  - Tweet from Google employee - Tweet about delayed Google indexing for pure client-side.
  - What's Server Side Rendering and do I need it? - Good summary about the issues of JavaScript-generated-content.
  - Deliver search-friendly JavaScript-powered websites (Google I/O '18) - Talk that mentions how the Google crawler executes JavaScript. Main take away: Google does index JavaScript-generated-content but with a delay.
- How to implement SSR
  - The Complete Guide for SSR with Vue - Official guide.
  - Reactjs SSR Tips and Tricks
  - Server-side rendering with create-react-app, code-splitting, preloaded data, React Router, Helmet, Redux, and Thunk - Walkthrough of implementing a SSR app based on CRA (without having ejected).
- General discussion
  - The Benefits of Server Side Rendering Over Client Side Rendering
  - The Benefits of Server Side Rendering Over Client Side Rendering
Tools
- React
  - Fusion.js - Plugin-based universal web framework maintained by Uber.
  - React Static - SSG based on React and focused on simplicity.
  - Next.js - Although primarily focused on SSR, Next.js can also generate static sites.
  - Next.js - Although primarily focused on SSR, Next.js can also generate static sites.
  - After.js - Similar to Next.js but with routing based on React Router.
  - React Server
  - Razzle - Handles the building. You do the rest.
  - React Universal Component - Utility to code split your SSR app.
  - cra-ssr - SSR app boilerplate based on CRA (without having ejected).
  - Gatsby.js - SSG based on React and GraphQL.
  - Prerender.io Node Server - The prerender.io Node Server is open source.
  - React Snapshot - Pre-renders React apps at build-time. Uses `require('react-dom/server').renderToString` to directly render the HTML. Uses JSDOM as headless browser to automatically discover your app's URLs.
  - React Static - SSG based on React and focused on simplicity.
  - Next.js - Although primarily focused on SSR, Next.js can also generate static sites.
  - SSG webpack plugin - Directly render your pages to HTML. You provide render functions and routes. All routes are rendered at build-time using the render functions you provided. Also has a crawl mode to use a headless browser to automatically discover your website's URLs.
  - Prerender SPA Plugin - Uses Puppeteer to crawl & render your pages.
  - react-snap - Uses Puppeteer to crawl & render your pages.
  - BromBone
  - prep - Uses Chromeless to crawl & render your pages.
  - Rogue.js - SSR utilities focused on flexibility. First-class support for React Router, Apollo GraphQL, Redux, Emotion, and Styled-Components. The build step is up to you (but you can use Razzle.)
- View Library Agnostic
  - SEO.js
- Vue
  - vue-server-renderer - Official library for SSR with Vue.
  - Goldpage - A do-one-thing-do-it-well library that supports all app types; "SPA", "SSR", "Static Website", etc.
  - Prerender.io
  - Nuxt - Similar to Next.js but for Vue.
  - Prerender.cloud
  - SEO4Ajax
  - Reframe - Flexible web framework. It does SSR by default and can be used as SSG.
  - Phenomic - SSG based on a flexible plugin system.
- Angular
  - Angular Universal - Official packages for SSR with Angular.

Programming Languages

JavaScript 14 TypeScript 2

Ecosyste.ms: Awesome

awesome-universal-rendering

Learning Material

SEO/SMO

How to implement SSR

General discussion

Tools

React

View Library Agnostic

Vue

Angular