Displaying 1 to 11 from 11 results

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.

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

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.




VueCnodeJS - Vue2.x 初/中级项目,CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO):

  •    Vue

这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...

vue-head - Manager the meta information of the head tag, a simple and easy way

  •    Javascript

If you'd like to set default custom title options on every component you can pass options to VueHead when you're registering it for Vue, just like in example below.

prep - Pre-renders your web app (React, Vue, Angular,

  •    Javascript

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

prep - Pre-renders your web app (React, Vue, Angular,

  •    Javascript

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


pre-render - Convert a single-page app (SPA) into a fully pre-rendered functional website before deploying it to a CDN

  •    Javascript

The goal of this project is to generate static .html pages for your single-page app at build time, before you deploy it to a CDN hosting. You just build your project as normal, assuming that it compiles into the /build (or /dist) folder, then prepare the list of relative URL paths that need to be pre-rendred and pass that info to pre-render, it will load /build/index.html in a headless Chrome browser, iterate over the list of provided relative URLs and save each page to a corresponding .html file.Now, you can deploy the contents of the /build folder to GitHub Pages, Firebase, or some other CDN hosting, yet search engines will still be able to crawl your site.

Eva - Eva : 优雅,简约的完整博客项目 [前后端] (Eva: A concise, simple Blog Project. [FD/BD]) DEMO:

  •    Javascript

Eva : 优雅,简约的完整博客项目 [前后端] (Eva: A concise, simple Blog Project. [FD/BD]) DEMO:

vue-headful - Set document title and meta tags with Vue.js

  •    Javascript

vue-headful allows to set the title and several meta tags of your document from any Vue.js view. vue-headful is a tiny wrapper around Headful, a generic library to set meta tags with JavaScript. If there are any other head properties or attributes you want to set, you can use html (for arbitrary elements in the whole document) or head (for elements within <head>) as follows. The selectors can be any valid CSS selector.