5

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...

Gai
  • 325
  • 1
  • 5
  • 8

3 Answers3

9

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.

Dan Abramov
  • 264,556
  • 84
  • 409
  • 511
0

I've just created react universal (server-side rendering) starter used recommendations from redux and react-router v4. Fill free for feedback

https://github.com/gzoreslav/react-redux-saga-universal-application

Zoreslav Goral
  • 320
  • 2
  • 10
0

You can take your app (bootstrapped with Create React App) to the next level by replacing react-scripts with a slightly altered version - react-app-tools, which allows adding server-side code to your project (e.g. for server-side rendering purposes and/or implementing an API endpoint). It will allow compiling and running your app using normal Create React App pipeline, using a single instance of Webpack, on the same HTTP port.

You can find more info by visiting React App SDK.

Konstantin Tarkus
  • 37,618
  • 14
  • 135
  • 121