Vue SEO Tutorial with Prerendering



Views:8088|Rating:4.80|View Time:15:51Minutes|Likes:169|Dislikes:7
Written tutorial:
Click SUBSCRIBE if you enjoyed it!

In this tutorial, I will show you how to integrate a prerendering plugin — which is a suitable alternative to SSR (Server Side Rendering) when it comes to SEO.

Github project download:

The prerendering plugin:

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS weekly!

My site:
My personal FB account:
Coursetro FB:
Coursetro’s Twitter:

Join my Discord!
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

You may also like...

13 Responses

  1. Toni Lähdekorpi says:

    Google actually renders most of the JS before crawling.

  2. Pratik Gajjar says:

    I want to pre render only the home page of my site, all other pages doesn't need to be SEO friendly, shall I use SSR or Pre-rendering?

  3. Matze Karajanov says:

    hey you should try consolety, it's a WordPress plugin that matches your published content with other users in the network of consolety based on your titles, tags category and language of the post. Meaning you get rellevant backlinks based on your content all done for you by the consolety plugin. you can find it on wordpress plugins section simply by googling for consolety. Please let me know what you think of it

  4. SkilStak Coding Arts says:

    FYI, this is vue 2.0 and not 3.0. Just use vue create now.

  5. Front Web Dev says:

    So what about user-generated content, like new posts or poduct entries? Is there a way to always prerender these pages, even though they won't be on the dist folder (or they will be in a post.vue component, i.e.)?

  6. Amaury Permer says:

    isn't prerendering similar to what PHP does? it creates the page before "sending" it to the client.

  7. andrew kim says:

    your videos are incredibly slick and smooth, and straight to the juicy contentful point! Thanks for doing videos on vue its kind of harder to find out there and its what I personally use at work, and am using for personal projects as well. Thanks!

  8. Michelle Perez Morales says:

    why did you use vue init and does not vue create like in your Vue course?

  9. Rohan Das says:

    @DesignCourse
    Just a small correction:
    Element viewer will always show these tags even on development mode/server. Element viewer shows actual DOM that is being rendered on browser. If there is anything on screen, doesn't matter if its rendered using js or anything else, it will be there. You can see vuejs dom manipulation real time on element viewer.

    Source viewer is where #app tag will generally be empty. But in your case, it will be filled with static contents.

  10. xing wang says:

    great! thanks for sharing this video!

  11. Michelle Perez Morales says:

    Great!! please continue working with vuejs and firebase, vuex and nuxtjs 🙂

  12. اناشيد اطفال العم احمد says:

    BIG LIKE MAN

  13. Eric P says:

    The slow camera panning is a nice touch, but it kinda panned a little too far.

Leave a Reply

Your email address will not be published. Required fields are marked *