Martin Splitt from Google posted yet another wonderful technical SEO video on making Vue.js, web apps built in Vue, search engine friendly. It goes through making the titles, descriptions and URLs more discoverable by Googlebot when built in Vue.
In this article, I’ll introduce you to VuePress, show you how to create a simple blog, and create a custom layout component.
One of the most difficult things to overcome at the time was server-side rendering with GraphQL. WordPress sites require search engine optimization, and you can’t begin to do SEO without server-side rendering. A lot has changed in two years, and server-side-rendering with GraphQL is now much easier thanks to Apollo.
In the past month, I’ve revisited WordExpress and I’ve come up with a solution using Vue instead of React. This is totally doable using React (in fact a big piece of the puzzle is the WordExpressSchema which is front-end agnostic) but I’ve been using Vue a lot and they have great documentation on server-side rendering, so I decided to give it a go.
I’ve called this new solution VuePress because I’m very clever with words.
Gridsome brings all your data into a unified GraphQL data layer. The data can be browsed and explored in a simple local interface (GraphQL Playground) and inserted to any Vue Component.
- Pull data from any CMS, files or data APIs
- Browse data and test queries locally
- Query only the data fields you need
- Built-in pagination support for queries
Vue.js is a front-end framework that is simple to use yet powerful in nature.
The project focuses on making some of the best ideas in web UI development (components, declarative UI, hot-reloading, time-travel debugging…) more approachable, so that any developer can quickly pick it up and enjoy the productivity boost when working with modern, interactive web interfaces.