What are the pros and cons in terms of performance, SEO, etc. if you make a static landing page site on React.js/Vue.js?

Question

Frontend

Good afternoon,

I thought about this question, what benefits does a developer get if he chooses react.js or vue.js as a technology for the landing page of the site? Will the site load faster? Will SEO suffer because there won't be many pages or it doesn't matter? I would be glad if react.js or vue.js experts would share their opinion.

PS Recently, I see that landing pages have been made on react.js, vue.js, although there is no direct interaction with the user in terms of deleting, saving something. Just a static site advertising services. That's why I thought why react, why not just do it on html/css/sass + materialize or boostrap.

Thanks

Answer 1

Why make a landing page on a framework. IMHO. I am against even jQuery. This is the problem that Vue.js can solve in a landing page!? You can revive the carousel with your hands.

Answer 2

I do not understand this. Make landings or regular content sites on vue/react.
SEO is suffering, but it seems like the trend is better, and yes, ssr ... But stop, once sites were assembled on the backend and given to the client ready, now they made it so that almost an empty page is given to the client, and there everything is already on the client happened, but seo and let's make it so that it is collected on the server, and then on the client... RECURSION??
Support for older browsers and weaker devices suffers.
Performance and traffic consumption - suffers.
Pros? Well, you could say that a vue/react site is trendy. Here's a plus... It's
another matter where the site has a real SPA, then yes, or a lot of specific controls.
Most likely, they will start arguing with me, well, wellcome) I'm interested to find out for myself why they make landings on react)

Answer 3

It is convenient to work with components, it is convenient to work with js, with one console command you deploy a customized project with all es-features.
For SEO, React/View still doesn't work very well. Either SSR is screwed there, or html-statics are generated in the same next / nuxt.

Answer 4

what benefits does a developer get if he chooses react.js or vue.js as a technology for the site's landing page?

All the benefits that the framework gives. But not all of them are justified for such a task.

Will the site load faster?

No. Vice versa.

SEO will suffer

Depends on how specific the site is. But, most likely, yes, unless of course SSR is used.

since there won't be many pages or it doesn't matter?

Having multiple pages doesn't matter

Recently, I see that landing pages have been made on react.js, vue.js, although there is no direct interaction with the user in terms of deleting, saving something

I see several reasons for this:

1. Cogway development. When you need to release products as quickly as possible, do not worry about further support or performance.
   
2. When so-called Front-end developers don't know HTML/CSS/JS/layout, but only React/Vue.
   

In general, there is nothing wrong with developing a static website with React/Vue. You get the convenience of a component approach, CSS isolation, and so on. But in production, React / Vue should not fall when it comes to static content. That is, you are writing a site in React / Vue, but do not rely on reactivity. In fact, you have a set of separate components with statics. Then you compile it all into static HTML + CSS and upload it to production.
UPD.
Have a look at Static Generated (Pre Rendering) in nuxtjs

Answer 5

Read about Gatsby https://www.gatsbyjs.org and Gridsome https://gridsome.org
Briefly:
> Will the site load faster?
Yes, except for 1-page pages
> SEO will suffer
No
> why not just do it on html/css/sass + materialize or boostrap
Also possible, depends on the task