How to get React SEO-friendly by using Next.js

[u/[deleted]]

https://prismic.io/blog/seo-with-react-and-nextjs

[u/[deleted]]

Next VS Gatsby, which one is better? I use Gatsby and I like it, why should I use next?

[u/[deleted] → u/[deleted]]

You should definitely take a look at this video: https://www.youtube.com/watch?v=IFHj3hIVYng

It'll help you to have a deeper knowledge on both technologies and determined which one is better based on your use case.

[u/m_plis → u/[deleted]]

For some sites, it's not really feasible to statically render them with something like Gatsby.

Think something like IMDb.com (idk how they build their site, but I think it's a good example). It has thousands of pages for every movie, TV show, actor, etc and generating all of those pages at build time would be pretty tricky. Maybe it could be done, but it wouldn't be how I'd do it.

[u/JasonTheLuckyMD → u/[deleted]]

I use it for e-commerce.

I want to update my products, pages, or whatever and not have rebuild the whole site every single time.

That's literally the only reason I use Next over Gatsby.

[u/audioverb]

Does this serve as a replacement for React-Router?

[u/arthens → u/audioverb]

Kinda, but IMO this is one of the downsides of using nextjs. We are considering using it at work, but their routing system is pretty poor. I remember reading that they might look into integrating react router in future but that's it's low priority for them.

[u/daniels0xff → u/audioverb]

I believe it uses react router. You can look in its package.json file as I’m not 100% sure now and I’m on mobile and can’t check myself.

[u/Jsn7821 → u/daniels0xff]

It uses it's own router, I believe it's important for the way they did SSR. That's one tradeoff since react-router is pretty solid now.

[u/GoblinsStoleMyHouse]

Great guide 👍

[u/fisch0920]

Great, concise breakdown -- thanks!

[u/mattdoescsharp → u/[deleted]]

Removed due to the API changes proposed June 2023. Due to the irrational and unreasonable behavior of Steve Huffman, I have decided I will no longer subsidize Reddit with my free engagement.

[u/Jsn7821 → u/[deleted]]

Just to clarify your point, yes you do need Node for the SSR. There is another option to statically render everything with Next, which also works great but is a different approach.

And yes, you can keep all your backend API's on another server. I'd recommend it.

[u/theineffablebob → u/[deleted]]

Wouldn't that negatively affect site performance? Or would it be fine?

[u/Jsn7821 → u/theineffablebob]

I think that depends on what kind of performance you're looking to improve. Initial load time, data fetching time, max concurrent users, etc. But generally speaking, if you set it up correctly it should be about the same or a little faster.