Netlify-React-Env vars - heroku

I have a Strapi backend hosted at heroku.
I'm hosting the frontend on Netlify. Which is a React App.
The env var on netlify is a link to the backend on heroku so that I can get data from strapi. All this work on dev build.
But when I spin up the site on Netlify. Netlify adds the Netlify link to the post or get requests like this https://unrivaled-pixie-6fa040.netlify.app/%22https://frozen-everglades-98.herokuapp.com/api/%22auth/local
and I only want the last one: "https://frozen-ades-98.herokuapp.com/api/auth/local
Anyone that knows more about this then me?

Related

hosting a vue js application with laravel on AWS

iam using AWS for hosting Laravel app in elastic beanstalk behind a load balancer,
i want to host my vue js app separately, i tried to use S3 , the routing didnt work (when i refreshed the page, it stopped working)
is there any solution with good performance to host vue js separate from Laravel Apis?
thank you

Is there a way to get blogs saved in hosted Strapi Admin panel to localhost:1337 or vice-versa?

My strapi cms is deployed to heroku. And I noticed if I create a blog on actual hosted admin panel it does not show up in localhost:1337 or when I publish a blog on localhost and again push it to heroku its still missing from there.
Like both are not in sync. Is there a way to sync blogs between hosted and localhost version?

Strapi not updating API

everyone.
I have an API on Strapi served by Heroku.
This is the frontend.
Thing is: logged in on Strapi admin served by Heroku (not locally), I can create/add more bands, but the API does not get updated. What can I possibly do?
Thank you all in advance.

Getting 'Not Found' on custom subdomain on Netlify site. Using Route53 with Netlify and subdomain hosted on Heroku

My api.<base-url> subdomain is not configured correctly. I purchased a domain through AWS and hooked it up to my static website running on Netlify. To do this, I set up Route53 to use Netlify's Name Servers. This works fine for the apex domain and https://<base-url> sends me to the static site.
Image of the Route53 hosted zone for this domain
I also have a node instance running on Heroku which I want to be hosted at api.<base-url>. Currently it is accessible by the heroku provided url (<project-name>.herokuapp.com)
I added a custom domain to Heroku for the api subdomain of my Netlify site api.<base-url>, the result of my heroku domains command is:
➜ heroku domains
=== <project-name> Heroku Domain
<project-name>.herokuapp.com
=== <project-name> Custom Domains
Domain Name DNS Record Type DNS Target
api.<base-url> CNAME fitted-lemon-gzwby8exkguturnmh2emy5l4.herokudns.com
And I created a CNAME record on Route53 that points to this Heroku DNS target.
This sort of works, running host api.<base-url> gives:
➜ host api.<base-url>
api.<base-url> has address 104.248.60.43
api.<base-url> is an alias for <project-name>.herokuapp.com.
api.<base-url> is an alias for <project-name>.herokuapp.com.
So it is aliased to my heroku app, but when I go to api.<base-url> directly I get a white page that says 'Not Found', looks like this is on Netlify's side not Heroku? But I'm not sure. I feel like I need to tell Netlify somehow that there is a custom subdomain at api.<base-url> but the only thing I can find in the docs is setting up Netlify's subdomains from other branches of the project, not when a subdomain is hosted elsewhere.
Setting api<base-url> as a Netlify custom domain just ended up routing all the traffic for api.<base-url> to the static netlify site at <base-url> instead of my Heroku app.
I made a few other attempts but nothing has worked so far, I am officially stuck on this. Thank you in advance!
Found it! Figures that it would click 30 minutes after posting.
I had a CNAME on Route53 but this was useless since I was using the Netlify DNS. You'll need to create a CNAME on Netlify that points to the host Heroku gives you.
So my heroku domains gave me the host I needed the CNAME to point to. I created a CNAME record on Netlify - which was not very obvious, I had to click into the badge 'Netlify DNS' in order to find the config.
I was able to create the right CNAME and then have it all work after that.

Adding Ghost blog to a React App Route instead of subdomain

I have been told to add a blog to a route for SEO purposes instead of subdomain. However I can't seem to figure out how to do this for a React app hosted on Firebase. Currently my Ghost bLog is hosted through heroku on my apps subdomain, I want to move it to an route. i.e instead of blog.myapp.com I want myapp.com/blog. How exactly can I achieve this, Using CNAME for the route(is that possible)?

Resources