React with express backend [closed]
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I want stared to use react with express.
I know, I can use proxy in react package.json. And use my express like api.
But if I want use client routing and server side rendering, where I can show it?
reactjs express ssr
asked Nov 16 '18 at 12:56
user10053586user10053586
143
closed as unclear what you're asking by Jim G., Daniel Hilgarth, Tholle, chrisg86, Sung M. Kim Nov 16 '18 at 16:19
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
I want stared to use react with express.
I know, I can use proxy in react package.json. And use my express like api.
But if I want use client routing and server side rendering, where I can show it?
reactjs express ssr
asked Nov 16 '18 at 12:56
user10053586user10053586
143
closed as unclear what you're asking by Jim G., Daniel Hilgarth, Tholle, chrisg86, Sung M. Kim Nov 16 '18 at 16:19
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
I want stared to use react with express.
I know, I can use proxy in react package.json. And use my express like api.
But if I want use client routing and server side rendering, where I can show it?
reactjs express ssr
asked Nov 16 '18 at 12:56
user10053586user10053586
143
I want stared to use react with express.
I know, I can use proxy in react package.json. And use my express like api.
But if I want use client routing and server side rendering, where I can show it?
reactjs express ssr
reactjs express ssr
asked Nov 16 '18 at 12:56
user10053586user10053586
143
asked Nov 16 '18 at 12:56
user10053586user10053586
143
asked Nov 16 '18 at 12:56
user10053586user10053586
143
asked Nov 16 '18 at 12:56
user10053586user10053586
143
asked Nov 16 '18 at 12:56
user10053586user10053586
143
143
closed as unclear what you're asking by Jim G., Daniel Hilgarth, Tholle, chrisg86, Sung M. Kim Nov 16 '18 at 16:19
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
closed as unclear what you're asking by Jim G., Daniel Hilgarth, Tholle, chrisg86, Sung M. Kim Nov 16 '18 at 16:19
Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
No need to reinvite the wheel
Next.js provides server side rendering as well as client routing.
To start install next, react and react-dom
npm install --save next react react-dom
Next update your npm scripts as follow:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
To start start your app, simple run npm run dev. To add a new page /about, simply create a about.js file in the pages directory and add the content:
const About = ()=> (
<div>This is the about page</div>
)
export default About
simply visit http://localhost:3000/about to see the content of the About page displayed.
Take a look at their documentation
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
No need to reinvite the wheel
Next.js provides server side rendering as well as client routing.
To start install next, react and react-dom
npm install --save next react react-dom
Next update your npm scripts as follow:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
To start start your app, simple run npm run dev. To add a new page /about, simply create a about.js file in the pages directory and add the content:
const About = ()=> (
<div>This is the about page</div>
)
export default About
simply visit http://localhost:3000/about to see the content of the About page displayed.
Take a look at their documentation
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
add a comment |
No need to reinvite the wheel
Next.js provides server side rendering as well as client routing.
To start install next, react and react-dom
npm install --save next react react-dom
Next update your npm scripts as follow:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
To start start your app, simple run npm run dev. To add a new page /about, simply create a about.js file in the pages directory and add the content:
const About = ()=> (
<div>This is the about page</div>
)
export default About
simply visit http://localhost:3000/about to see the content of the About page displayed.
Take a look at their documentation
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
add a comment |
No need to reinvite the wheel
Next.js provides server side rendering as well as client routing.
To start install next, react and react-dom
npm install --save next react react-dom
Next update your npm scripts as follow:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
To start start your app, simple run npm run dev. To add a new page /about, simply create a about.js file in the pages directory and add the content:
const About = ()=> (
<div>This is the about page</div>
)
export default About
simply visit http://localhost:3000/about to see the content of the About page displayed.
Take a look at their documentation
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
No need to reinvite the wheel
Next.js provides server side rendering as well as client routing.
To start install next, react and react-dom
npm install --save next react react-dom
Next update your npm scripts as follow:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
To start start your app, simple run npm run dev. To add a new page /about, simply create a about.js file in the pages directory and add the content:
const About = ()=> (
<div>This is the about page</div>
)
export default About
simply visit http://localhost:3000/about to see the content of the About page displayed.
Take a look at their documentation
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
answered Nov 16 '18 at 14:00
lomselomse
1,45452847
1,45452847
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
add a comment |
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Thanks, what do you think about Gatsby?
– user10053586
Nov 16 '18 at 14:15
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Gatsby is a static site generator, just static assets. Also it comes with GraphQL. Besides I've yet to have any experience with Gatsby.
– lomse
Nov 16 '18 at 14:27
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
Thank you very much!
– user10053586
Nov 16 '18 at 14:41
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
@user10053586 don't forget to accept this answer though if you gain something from it :D
– lomse
Nov 16 '18 at 14:47
add a comment |
