Ggtcf

How do you make a gun that shoots melee weapons and/or swords?

What was so special about The Piano that Ada was willing to do anything to have it?

Does an unused member variable take up memory?

Automaton recognizing ambiguously accepted words of another automaton

Converting from "matrix" data into "coordinate" data

Can the Witch Sight warlock invocation see through the Mirror Image spell?

Are E natural minor and B harmonic minor related?

Do black holes violate the conservation of mass?

Can I negotiate a patent idea for a raise, under French law?

Writing text next to a table

If nine coins are tossed, what is the probability that the number of heads is even?

Having the player face themselves after the mid-game

Why restrict private health insurance?

-1 to the power of a irrational number

Are small insurances worth it?

Idiom for feeling after taking risk and someone else being rewarded

Sampling from Gaussian mixture models, when are the sampled data independent?

Movie: boy escapes the real world and goes to a fantasy world with big furry trolls

How exactly does an Ethernet collision happen in the cable, since nodes use different circuits for Tx and Rx?

Was it really inappropriate to write a pull request for the company I interviewed with?

Does the US political system, in principle, allow for a no-party system?

How can a demon take control of a human body during REM sleep?

Should we avoid writing fiction about historical events without extensive research?

When to use a QR code on a business card?

How do I deploy react + GraphQL to Heroku?

0

I have a full stack application that uses React on the frontend and GraphQL yoga on the backend. I am trying to deploy the app to Heroku, but I can't get my frontend to be served. When I go to the Heroku URL all I see is the GraphQL playground.

Here is what I have that starts my server:

const options = 
 port: process.env.PORT 

 server.start(options, ( port ) =>
 console.log(
 `Server started, listening on port $port for incoming requests.`,
 ),
 )

On the frontend I have this which connects it to my server:

const client = new ApolloClient(
 uri: "http://localhost:4000"
)

But I don't know how to get this all running on Heroku.

reactjs heroku deployment graphql apollo

share|improve this question

asked Mar 6 at 22:23

Liz C.Liz C.

12

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you including uri: "localhost:4000" in your frontend when posting it into heroku too ?
  
  – Muljayan
  Mar 6 at 22:29
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What do you mean including it? Do you mean like a special configuration? Sorry I've never deployed to Heroku before
  
  – Liz C.
  Mar 6 at 23:31
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  If you set the uri as (const client = new ApolloClient(uri: "http://localhost:4000")) it wouldn't work on heroku because your server app is not running on localhost:4000 of heroku. Also are you trying to serve the react page using the same graphql server ?
  
  – Muljayan
  Mar 7 at 1:49
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Oh, yes I do have that in my client. What should I change it to? And yes I am trying to serve the react page using the server, unless there is a better way to do it.
  
  – Liz C.
  2 days ago
  

  
  
  
  

add a comment | 

0

I have a full stack application that uses React on the frontend and GraphQL yoga on the backend. I am trying to deploy the app to Heroku, but I can't get my frontend to be served. When I go to the Heroku URL all I see is the GraphQL playground.

Here is what I have that starts my server:

const options = 
 port: process.env.PORT 

 server.start(options, ( port ) =>
 console.log(
 `Server started, listening on port $port for incoming requests.`,
 ),
 )

On the frontend I have this which connects it to my server:

const client = new ApolloClient(
 uri: "http://localhost:4000"
)

But I don't know how to get this all running on Heroku.

reactjs heroku deployment graphql apollo

share|improve this question

asked Mar 6 at 22:23

Liz C.Liz C.

12

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you including uri: "localhost:4000" in your frontend when posting it into heroku too ?
  
  – Muljayan
  Mar 6 at 22:29
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What do you mean including it? Do you mean like a special configuration? Sorry I've never deployed to Heroku before
  
  – Liz C.
  Mar 6 at 23:31
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  If you set the uri as (const client = new ApolloClient(uri: "http://localhost:4000")) it wouldn't work on heroku because your server app is not running on localhost:4000 of heroku. Also are you trying to serve the react page using the same graphql server ?
  
  – Muljayan
  Mar 7 at 1:49
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Oh, yes I do have that in my client. What should I change it to? And yes I am trying to serve the react page using the server, unless there is a better way to do it.
  
  – Liz C.
  2 days ago
  

  
  
  
  

add a comment | 

I have a full stack application that uses React on the frontend and GraphQL yoga on the backend. I am trying to deploy the app to Heroku, but I can't get my frontend to be served. When I go to the Heroku URL all I see is the GraphQL playground.

Here is what I have that starts my server:

const options = 
 port: process.env.PORT 

 server.start(options, ( port ) =>
 console.log(
 `Server started, listening on port $port for incoming requests.`,
 ),
 )

On the frontend I have this which connects it to my server:

const client = new ApolloClient(
 uri: "http://localhost:4000"
)

But I don't know how to get this all running on Heroku.

reactjs heroku deployment graphql apollo

share|improve this question

asked Mar 6 at 22:23

Liz C.Liz C.

12

const options = 
 port: process.env.PORT 

 server.start(options, ( port ) =>
 console.log(
 `Server started, listening on port $port for incoming requests.`,
 ),
 )

const client = new ApolloClient(
 uri: "http://localhost:4000"
)

share|improve this question

asked Mar 6 at 22:23

Liz C.Liz C.

12

share|improve this question

asked Mar 6 at 22:23

Liz C.Liz C.

12

asked Mar 6 at 22:23

Liz C.Liz C.

12

asked Mar 6 at 22:23

Liz C.Liz C.

12