Skip to main content

Deploy and run react app on godaddy vps or shared hosting without root access

SOLUTION: How to Deploy and run react app on godaddy vps or shared hosting without root access


Today we learn how to run react app on vps server or shared hosting.

Main issue with godaddy servers is they do not provide you root access also they do not support node js by default, so its not good choice for latest technologies app like react apps.

Ok but no issue we have a solution to install node without root access in vps or shared hosting of godaddy.

So keep follow below steps to run react app in godaddy servers or any shared hosting server


FOR VPS SERVER USERS

for vps users please create your server first and create a cpanel and connect a domain with that, to connect domain go to dns management and change default name servers to your domain server like ns1.yourdomainname.com and ns2.yourdomainname.com
now point your domain to the hosting by changing nameserver details in your domain configuration.


--------------------------------------------
NOW THIS STEPS ARE SAME FOR BOTH VPS AND SHARED HOSTING USERS

Login to cpanel and copy the public ip address  that you can find right side of the cpanel





now if you are in windows then download putty software and install it

After open it , pass public ip that we have copied before same like below screenshot



Now it will connect through terminal and will ask for username and password that you need to enter cpanel username and password.


After that please run below commands to install node and npm thorugh nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 


Then run below command to install node on godaddy vps or shared hosting.
nvm install 10.14.0
(or you can change node version according to your requirements)


Note: After running above command run below command
nvm --version


 if you getting error like "nvm command not found" then close terminal and connect server through putty again.

 now again go to public_html and try to run nvm --version command and this time it will show you version

 Now upload your all react app files on root folder(in public_html) or in sub folder where you want to run it


 Now on public_html root check that htaccess is exist or not , if its not exist then create a new file .htaccess and put below code

RewriteEngine on

RewriteRule (.*) http://localhost:3000/$1 [P,L]


Now you can run below commands to install dependencies

npm install


or if your dependencies are already exist then you can run below command

npm start


this command will start your development server that you can check on your domain now your react app is running

NOTE
If its showing error like react-start not found then you should install react
npm install react-scripts --save


Now again run npm start

Now your app will be successfully run

NOW ABOVE APP WILL RUN ONLY UNTIL YOU DO NOT CLOSE PUTTY TERMINAL BECAUSE ITS IN DEVELOPMENT MODE
TO RUN APP IN PRODUCTION MODE , PLEASE FOLLOW BELOW STEPS

How to setup react for production

Now we will build our app for production by running below command
npm run build


now go to build folder
cd build


now run below command
npm install -g serve


now run this command
serve -s build



Thats it :) . Now you can close putty terminal also , your app will work without it.

Thanks for the reading


Related Links
install nodejs on godaddy shared or vps server
run react app on godaddy server
godaddy node js issue solution
node js react app install without root access
godaddy without root access install npm packages


Comments

  1. Do this hack to drop 2 lbs of fat in 8 hours

    Over 160k women and men are using a easy and SECRET "water hack" to lose 1-2lbs every night in their sleep.

    It's very simple and it works on everybody.

    Here's how you can do it yourself:

    1) Go get a clear glass and fill it with water half full

    2) Proceed to learn this proven HACK

    so you'll be 1-2lbs lighter when you wake up!

    ReplyDelete
  2. Your Affiliate Profit Machine is waiting -

    And making money online using it is as simple as 1--2--3!

    This is how it works...

    STEP 1. Input into the system what affiliate products you want to promote
    STEP 2. Add PUSH BUTTON TRAFFIC (it takes JUST 2 minutes)
    STEP 3. See how the system grow your list and upsell your affiliate products for you!

    Are you ready?

    Click here to check it out

    ReplyDelete
  3. Thank you, I'm new for vps hosting.

    ReplyDelete
  4. Thanks for sharing the article with us. Such a piece of informative information. To get vps hosting to visit the link.

    ReplyDelete
  5. Will this technique work on any hosting type?

    ReplyDelete
  6. Excellent blog, you gave very useful information about Linux Shared Hosting in it. Thanks and keep posting.

    ReplyDelete
  7. this is a very nice post and very informative, thanks alot for sharing keep it up..
    Best Linux Shared Hosting in USA

    ReplyDelete
  8. Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info. Web Hosting

    ReplyDelete
  9. Thanks for sharing this wonderful information. I too learn something new from your post..
    React JS Training in Chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

Run and compile sass scss file to css using node

  Today we learn how to use scss and generate css using node  or Run and compile sass scss file to css using node   So please follow simple  steps :-   Today we will create a project that can read scss file and generates css with it  Note: Make sure you have installed node in your system. If you want to help to install node js based on your system then check our other tutorial or check node js official website. Now create a blank folder and open  terminal(linux) or cmd(windows) and navigate to your current project folder by using cd command Now run below command npm init after enter it will ask you some package info that you can fill according to you or just keep enter until it finished. The above command will generate package.json file Now  we will install npm module that will convert our scss to css Run below command: npm install node-sass So we have installed node-sass package . Now open package.json file in your...

How to retrieve Facebook Likes, share , comment Counts

function facebook_count($url){     // Query in FQL     $fql  = "SELECT share_count, like_count, comment_count ";     $fql .= " FROM link_stat WHERE url = '$url'";     $fqlURL = "https://api.facebook.com/method/fql.query?format=json&query=" . urlencode($fql);     // Facebook Response is in JSON     $response = file_get_contents($fqlURL);     return json_decode($response); } $fb = facebook_count('https://www.facebook.com/BahutHoGyiPadhai'); // facebook share count echo $fb[0]->share_count;  echo "like"; // facebook like count echo $fb[0]->like_count ; echo "comment"; // facebook comment count echo $fb[0]->comment_count;  ?>

Solution-windows 'expo' is not recognized as an internal or external command

Solution for expo is not recognized as an internal or external command,operable program or batch file in Windows 10 Sometimes expo will not work globally mostly in windows 10, If you are facing same issue then follow the below Steps 1) Click on windows button and search for  " Environment variables"  and click on "Edit the system environment variables" 2) Now you will see a popup like below screen. Then you need to click on Environment Variables. (Please see highlight part in below image)     3)Then click on new button that i have highlighted in below image 4. Then a popup will open and you need to fill details like below mentioned Variable Name :Path Variable Value: %USERPROFILE%\AppData\Roaming\npm Here we are creating a new path variable and passing location of npm.   Now Click on OK and close all the terminal windows and open new CMD or terminal and type Expo . Great now you can access expo from any...