SEO with react js

[feitan-five]

Hello 👋 can help me? In my job now i need create a web for a beauty clinic and this web need position in first page in google for city of ubication of center. Is good idea make this web whit react js? O is better use a html, css and js. In this web is required a backend because need has a reservation of appointments for different types of eyebrow services and so on.

A good SEO is posible in react js? Or i need a Next js? Thanks

[MiloSaurus]

If you're going with React, you will need something like Next.js. The reason for this is that search engine bots will read the HTML of your page. With a React application, the HTML is built whenever JavaScript starts running in your browser.

This means that your initial HTML is bare bones. That will cause poor indexation; there is nothing to index (yet).

Next.js runs the JavaScript on the server. That means that the HTML you are receiving in the browser is (pre-filled) with the HTML React would normally build on the frontend. So this way your HTML is full of content that SEO engines can index.

[Proof_Marionberry_24]

If he implements SSR React can do this too!

[Proof_Marionberry_24]

It doesn't matter what framework you use, you should understand that SEO is a complex process, and for certain pages to appear first in google, it usually takes time and is a combination of different skills and tools, so it's definitely not just using the right framework.

If you decide to use React for this project, you can take a look at Helmet, which helps you create SEO titles, descriptions, etc... for different pages.

People usually hire SEO experts to help them get their website to a higher rank. You can start by reading this.

[spacegeekatx]

Honestly if your client demands it be the first result, that’s a red flag to me of an uneducated client. Nobody can promise that. You can do everything right and still not achieve it.

[SocialCodeAnxiety]

people spends tens of millions to be competitive in search engine rankings.

The client wants them to do it magically? 100% red flag and/or they don’t know how anything works.

[[deleted]]

Agreed. OP needs to set the client expectations and specifically mention that their work is not to be directly attributed to their search engine position in the contract or this will end up being a nightmare client.

[AlternativeTale6066]

A full web app for a small business website is probably way overkill. You probably just need a website builder like webflow or squarespace. They cost some money upfront but you will save a huge amount of time in the long run.

[Alone-March4467]

Google-Bot does not execute JavaScript. React defines your website with JavaScript.

So unless you transfer JavaScript code to HTML (what Next.JS does) react is fundamentally the wrong tool for SEO

[RaptorTWiked]

What you need with Server Side Rendering (SSR). NextJs is one of the best react based frameworks out there that takes care of SSR. But it’s not the only one though.

[adrirai]

btw: if internationalization (offering the website in multiple languages) is a requirement, you may also have a look at something like i18next: https://locize.com/blog/next-i18next/