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

  •        71

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.

https://github.com/declandewet/vue-meta

Dependencies:

deepmerge : ^2.0.0
lodash.isplainobject : ^4.0.6
object-assign : ^4.1.1

Tags
Implementation
License
Platform

   




Related Projects

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.

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


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

  •    Vue

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

vue-ssr-starter-kit - Vue 2

  •    Javascript

A Vue.js project with vue 2.0, vue-router and vuex starter kit for server side rendering.

django-meta - Pluggable app to allow Django developers to quickly add meta tags and OpenGraph, Twitter, and Google Plus properties to their HTML responses

  •    Python

This pluggable app allows Django developers to quickly add meta tags and OpenGraph, Twitter, and Google Plus properties to their HTML responses. django-meta is now maintained by Nephila on github. Old bitbucket repository won't be updated anymore.

razzle - ✨ Create server-rendered universal JavaScript applications with no configuration

  •    Javascript

Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for SSR into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Reason, Elm, Vue, Angular, and most importantly......whatever comes next.Below is a list of commands you will probably find useful.

reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

  •    TypeScript

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

ream - 🚀 Framework for building universal web app and static website in Vue.js (beta)

  •    Javascript

And that's it, run ream dev and have fun playing with your app at http://localhost:4000. ream © egoist, Released under the MIT License. Authored and maintained by egoist with help from contributors (list).

HEAD - A list of everything that *could* go in the head of your document

  •    

Valid <head> elements include meta, link, title, style, script, noscript, and base. These elements provide information for how a document should be perceived, and rendered, by web technologies. e.g. browsers, search engines, bots, etc.

universal-react - A universal react starter, with routing, meta, title, and data features

  •    Javascript

This boilerplate aims at solving the MVP (Minimal Viable Product) of a universal app while trying to keep the base unopinionated elsewhere and simple to read and extend. Since there are so many opinions on how to use css (vanilla, sass, less, react css modules etc) I've left it up to you.

nuxt-bnhcp - nuxt、SSR、vue、mysql、redis、nginx、socket.io NUXT(实战项目)

  •    Vue

nuxt、SSR、vue、mysql、redis、nginx、socket.io NUXT(实战项目)