How to properly design a site on react + node js?

Question

JavaScript

Greetings.
In the near future I will be migrating the site to react+node. This is a regular site, not a one-page site (it has a menu, regular pages), but the client needs exactly react and node js.
The main one looks something like this: https://www.dropbox.com/s/hv7w1y7wttxl826/Stats_De...
The problem is that I don’t even know where to start, and if I start doing it wrong in advance, then there won’t be time to remake zero.
Now there is already a regular layout of this site. Can you please tell me how everything should look and how to design everything correctly?
Should the menu also be a component? footer, etc.
The pages will be stored in the database, and then I probably understand that you need to write an admin panel on node.js for the client so that he can edit these pages or how do they do it in this case?
What tools to use, assemblers, etc. I would be grateful for any information and opinion on how you would do such a React + Node project and what tools were needed.
As I understand it, you need to take the layout and separate the components into react?
Thanks

Answer 1

https://github.com/facebookincubator/create-react-app - you can start with this so as not to bother with the builder and configuration. You can easily start both front and back.
https://github.com/styled-components/styled-components - this is to add for styles - IMHO the most convenient option
Well, a router and other things that will be needed along the way.
In general, it’s not very clear why React if not SPA.

Answer 2

Google how such projects are organized , words for Google: react + redux + node isomorphic example

Answer 3

or https://github.com/zeit/next.js/

Answer 4

There is a solution but not sure yet. As soon as I write one page - then unsubscribe

Answer 5

I figured out how to make applications on this, I think, is a great example.
https://github.com/atulmy/node-express-react-redux...