snipcart / vue-seo-prerender

Vue.js Tutorial: A Prerendered, SEO-Friendly Example

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.

Read full tutorial

See live demo

Enjoy folks!

---

Build Setup

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

vue-seo-prerender's Issues

npm run build之后怎么项目怎么跑起来?

npm run build之后怎么项目怎么跑起来?

在开发中怎么实现实时调试呢？

npm run dev

Loved the tutorial, being a beginner trying to build a commerce SPA I can't seem to get an npm run dev command working. Could that be added to this repo?

你好,这个针对动态路由要怎么配置啊??

形如:

这种目录的,也就是动态路由: /myArtical/:id/,文件名不确定的情况

--myArtical
   --0001.html
   --0002.html
        .
        .
        .

而且是有很多篇文章,该怎么弄?

不会是手动一个一个写吧?

再就是,文章肯定会不定期增加,又该怎么解决啊???

求教

怎么在开发中实现实时调试 而不每次npm run build

怎么在开发中实现实时调试 而不每次npm run build