May 18, 2019

Has anyone created a blog with Vue or React with good SEO results?

Steve Tenuto @stenuto

I'm building my entire SaaS product/app, landing page and blog as one cohesive SPA using Vue.js. For simplicity, I'd like to stay away from server-side rendering and all that.

Even though there are plenty of articles on the internet that say how Google can index javascript/SPAs correctly, I still haven't seen 'proof'.

Have you had any success with SEO and Single page apps?

Thank you,

  1. 3

    Personally using prerender.io ^^ Server side rendering but pretty easy to use ^_^

  2. 2

    Google ranks Vuejs fine, but other search engines might not.

    I would recommend against having app and landing page on one server.

    Landing page and blog is fine, as it can be better for SEO.

    Put your app on app.example.com.

    Edit: for everyone recommending server side rendering, he has a web app as well.

    1. 1

      if you fetch data on your landing page via an api call, google won't execute that and not rank/crawl the data returned

  3. 1

    No need to have servers for a blog.

    You might wanna have a look at check static site generators. https://www.staticgen.com/

    If you want to use vue check out vuepress and nuxt, for react it's next

  4. 1

    You can do server side rendering with Nuxt (built on VueJs)

  5. 1

    Why would you want to avoid Server Side Rendering? There's still nothing as easy as setting up a Wordpress site.

    If you want to use Vue or React make sure you use Nuxt (Vue) or Next (React). They both have great components for setting good information on the document head.

  6. 1

    GatsbyJS can give you everything you want, provided you're relatively comfortable with React. Gatsby generates static sites that are easily served from AWS S3, Netlify, etc. The sample blog project is well-written and easy to follow. I'd spend an hour building out the sample blog to get an idea of whether it works for you or not. Maybe check out Gatsby for apps

  7. 1

    why not use Gatsby then? Gatsby pagers are server side rendered

  8. 1

    Server side rendering is much simpler than building a SPA. That said, there's nothing stopping you from serving your blog from a separate directory and using software built for that purpose. If you're using nginx to serve your SPA, you could always let it handle the blog directory.

    Making your own minimal blogging system is pretty simple but WordPress does a lot of things for you and has a rich ecosystem. That's probably why its market share has grown so much these past few years.

  9. 1

    Shouldn't be a problem with Server-side rendering (Nuxt/Next)