Strapi + React deployment on own server - reactjs

I'm really struggling with deploying my Strapi+React App. I am more of a frontend developer and not so familiar with what happens server side.
So, I have my own server that I want to deploy to, but I can't find any instructions on how to do it....
My Strapi is fine and running on port 1337 and I did npm run build in React to deploy the app in a folder that my domain points to and I get the following error:
Error: {"graphQLErrors":[], "clientErrors":[], "networkError":{}, "message": "Failed to fetch"}
and in the console:
POST https://xx.xxx.xx.xx:1337/graphql net::ERR_SSL_PROTOCOL_ERROR
When I do npm start and then open http://xx.xxx.xx.xx:3000, I get a (partially) blank page and these errors in the console:
GET https://xx.xxx.xx.xx:3000/static/js/bundle.js net::ERR_SSL_PROTOCOL_ERROR
:3000/favicon.ico:1
GET https://xx.xxx.xx.xx:3000/favicon.ico net::ERR_SSL_PROTOCOL_ERROR
So I guess it has something to do with SSL? And I don't know how to fix this...
Will you need any code to help me?
Thank you in advance!! I really appreciate any help!

Related

Why sanity init get me error network connection?

I want to build some web apps using sanity. Initially I watch videos in youtube this. In video everything go well. But when I try console get me error:
You're setting up a Sanity.io project! We'll make sure you're logged
in with Sanity.io. Then, we'll install a Sanity Studio for your
project.
Press ctrl + C at any time to quit.
We can't find any auth credentials in your Sanity config
log in or create a new account
| Fetching providers... Error: connect ECONNREFUSED 35.241.31.122:443
After I some create simple project sanity and run command sanity init --template get-started --project 8tbt7v3g --dataset production --provider google. It is too get me this error. I am trying use lantern vpn. Vpn work well but this no work. Please help me. I didnt do anything half month.
Thanks

error when deploying react app to github pages: fatal: could not read Username for 'https://github.com': No error

This is my first time deploying an app to GitHub pages. I have an app in react which I want to host it in GitHub pages. I followed different tutorials (linked below) which almost introduce the same approach. everything is OK but at the end when I run npm run deploy, I receive this error : . I'm somehow new to GitHub and haven't set any config related to SSH key. Is it related? or any idea what the problem is?
tutorial I tutorial II
I tried to solve this issue by SSH. However, I get this error on "npm run deploy" and I'm stuck

Why am I getting Application Error with Heroku Pipeline?

Setting up a new Pipeline in Heroku. I connected the app to GitHub. Starting with simple React application (via npx create-react-app) in order to see the Pipeline in action, but getting missing -a flag error. I understand that it says it is missing the target application but I don't know why. I've repeated the Pipeline settp several times to the same effect. Have read through the documentation a couple of times and not quite sure why the app is failing.
$ heroku logs --tail
› Error: Missing required flag:
› -a, --app APP app to run command against
› See more help with --help
First, I realized the error was because of it being a React app only, a front-end without a server. So, I spun up an Express server (via https://github.com/mateo-navarrete/create-react-express-app). However, I am getting the same error.
Can anyone offer clarifications on getting a MERN app into Heroku Pipelines? Thanks!

How to deploy perfectly Laravel Project with ReactJS to the server

I have project combination of Laravel and ReactJS but i got problem deploying it to our server almost 2 weeks still don't know why i can't access it.
when i try to access the browser.
This site can’t be reached
Step that i do before I deploy the project.
NPM Install
npm run production
zip the files to my computer and paste to the server
No error found when i view the error.log in our server.
Why it happen when i type my link
Example.
www.thisisexamplewebsite.ca
The .ca domain turns to cauwsta
I hope someone could help me and to solved my problem.

Heroku with react server side render, error "Cannot find module '../public/webpack-assets.json'

friends:
I'm Jose. I'm trying deploy an App with the boilerplate React-Cool-Starter. This App run in dev mode as well as build it on the localhost, but in the deployment fail with the error 'Cannot find module ../public/webpack-assets.json'.
I've installed the "webpack-isomorphic-tools" library, but the problem remains.
Please, I need some idea.
Thanks
Have you check the troubleshoots section (https://github.com/wellyshen/react-cool-starter#troubleshooting)?

Resources