https://github.com/snipcart/vue-seo-prerender
Vue.js Tutorial: A Prerendered, SEO-Friendly Example
https://github.com/snipcart/vue-seo-prerender
prerender seo vue-tutorial vuejs
Last synced: about 2 months ago
JSON representation
Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Host: GitHub
- URL: https://github.com/snipcart/vue-seo-prerender
- Owner: snipcart
- Created: 2017-03-30T10:58:02.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-02-27T20:58:58.000Z (over 6 years ago)
- Last Synced: 2025-03-28T10:50:21.245Z (2 months ago)
- Topics: prerender, seo, vue-tutorial, vuejs
- Language: Vue
- Homepage: https://snipcart.com/blog/vuejs-tutorial-seo-example
- Size: 9.77 KB
- Stars: 145
- Watchers: 11
- Forks: 43
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js Tutorial: A Prerendered, SEO-Friendly Example
Here at Snipcart, we love Vue.js, but are entirely aware of the SEO issues with a Vue.js singe-page application.
In this tutorial, I want to show JS developers how easy it is to make Vue SEO-friendly.
Covering:
- General SEO tips you should always apply.
- Specific Vue.js SPA SEO issues.
- Tools to fix them with server-rendering & prerendering.
- A technical Vue.js SEO example using prerender-spa-plugin.
This repo contains the code for a demo e-commerce web app built with Vue.js 2.0 & Snipcart. For SEO purposes, prerendering is handled with [prerender-spa-plugin](https://github.com/chrisvfritz/prerender-spa-plugin).
> [Read full tutorial](https://snipcart.com/blog/vuejs-tutorial-seo-example)
> [See live demo](https://vue-snipcart.netlify.com)
Enjoy folks!
***
## Build Setup
``` bash
# install dependencies
npm install
# build for production with minification
npm run build
```
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).