---
title: "Discussion on \"Prerender React using Next js\" | Hashnode"
description: "Discussion on \"Prerender React using Next js\". When you want to improve your website's performance or search engine optimization (SEO), prerendering your application is a must. Next.js is the perfect framework to add server-side rendering (SSR) or static site generation (SSG) for your React web a..."
url: "https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Prerender React using Next js](https://blog.codebycorey.com/prerender-react-using-next-js?utm_source=hashnode&utm_medium=feed)

When you want to improve your website's performance or search engine optimization (SEO), prerendering your application is a must. Next.js is the perfect framework to add server-side rendering (SSR) or static site generation (SSG) for your React web a...

Nov 5, 2020 · 7 min read · blog.codebycorey.com  
Updated Dec 3, 2020  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#seo](https://hashnode.com/tag/seo)
-   [#programming](https://hashnode.com/tag/programming)

## Written by

[Corey O'Donnell](https://hashnode.com/@CodeByCorey)

@CodeByCorey

  
[View profile](https://hashnode.com/@CodeByCorey)

Full-Stack Web Developer 💻 | Always Learning 📖 | Love for Plants 🌱

## Responses 3

Markdown supported · ⌘↵ to post

[Yogesh Chavan](https://hashnode.com/@myogeshchavan97)

[Nov 6, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa5221847631a19e811ffe9)

A well-written article regarding Next.js. Loved it. Thanks :)

[Corey O'Donnell](https://hashnode.com/@CodeByCorey)

[Nov 6, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa5221847631a19e811ffe9#reply-5fa564d80163314ab6d7de9b)

Thank you!

[Sandeep Panda](https://hashnode.com/@sandeep)

[Nov 6, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa51c173e634314b5179e61)

Very interesting. A minor correction - Google does execute JavaScript while indexing your pages. But we can’t say the same for other crawlers. So, it’s always best to pre render your pages. Thanks for writing this. 🙌

The following article explains how exactly Google indexes pages with JS. I found it very interesting.

[web.dev/javascript-and-google-search-io-2019](https://web.dev/javascript-and-google-search-io-2019/)

[Corey O'Donnell](https://hashnode.com/@CodeByCorey)

[Nov 6, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa51c173e634314b5179e61#reply-5fa55f7054cc5b4ad931df29)

Thanks for the correction.

I wonder if it affects your Google rank if they are required to use JavaScript to fetch your content vs just HTML.

[Michael Rehnert](https://hashnode.com/@killshot13)

[Nov 5, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa447be47631a19e811f536)

Hey, I saw your article trending on dev.to and I got super excited because finally, someone decided to write specifically about how they are using Next.js to work around React's abysmal SEO performance.

To their credit Next.js actually explains this whole server vs client-side menagerie quite well, much like you did here, in their official documentation.

I'm curious to ask, did you use any Next outside of the page rendering functions? I want someone to go in-depth with Next.js and determine just how much abuse it can take; honestly, I'm starting to wonder if it has enough functionality to replace React altogether. But I doubt it. Just thinking and typing, sorry.

Thanks for the article though. Cheers!

[Corey O'Donnell](https://hashnode.com/@CodeByCorey)

[Nov 5, 2020](https://hashnode.com/posts/prerender-react-using-next-js/5fa4068b3e634314b51790ab/comment/5fa447be47631a19e811f536#reply-5fa44b073e634314b5179538)

Yes, Next.js does explain it very well in the documentation but you have to know about Next.js to read about it.

This is a bit of introduction of prerendering and showing how to use some Next.js functionality.

Next.js has some nice components that can be used for optimization. Their routing is simple to use. I also like their serverless style API

Next.js doesn't replace React, it is built on top of it.