Search code examples
reactjswebpackuniversalisomorphic-javascript

Universal rendering for react app based on create-react-app

I have an app based on the create-react-app starter kit and need to switch to universal/server rendering due to SEO issues.

Is there an easy way or example of taking the create-react-app teamplate and adding or modifying it to support universal rendering?

A lot of the examples I see for universal are overly complex for my needs and I prefer to keep it very clean and simple, if possible.

Thanks.

EDIT: FYI, I found this medium post which points at this repository.

Seems simple enough, but since I'm a newbie on all webpack/react/node related stuff, if anyone thinks it's the wrong approach, would love to know...

Solution

  • There was a proof of concept of adding server rendering in this PR.
    I can’t speak to how good it is but it’s something you could start with.

    You may also look at some of the alternatives.
    A few of them provide server rendering out of the box.