run react application apache server tutorial

So after creating a cloud server, we can access our server’s terminal using ssh. How To Set Up Your Own Cloud Server On Vultr (VC2) I am skipping this step because an article is there in Techomoro explaining the steps. Create a cloud serverĬreating a cloud server is an easy task. But to get a repository URL like, you have to refer the above article and create a repository first.

The important steps to add the project to a GitHub repo are provided below. Adding An Existing Project To GitHub Or Bitbucket

So refer that article and add the react app we created to a git repository. I already have an article explaining the steps of adding a project to GitHub and Bitbucket which I have given below. Some of the best Git service providers are GitHub, Bitbucket, and Gitlab. So the best method is to add the code to a git repo. But understand that react applications contain a node_modules directory that contains a lot of files that make the FTP process harder. Some people are still using FTP clients for copying the project from the local system to the server. It will be copied to build folder after npm run build command from our server. htaccess file in public direcrory with the code below. The solution is that we will need to add a. So our server do not understant this logic because it tries to find some other html files containing the pathname. But the issue is that if our app contains any trailing paths such as, the app will return 404.īecause in the case of React, index.html is the only file that will be returned with any paths. Here we have created a simple react app and it can be deployed and works well. The below commands will do these processes. Open the project with Visual Studio Code after creation. So, install Node.js on our system, and using npx, we can create an app. A simple react app can be created using create-react-tool easily.

Run react application apache server tutorial