Hostwizly

Host React App On Hostinger Shared Hosting

Last Updated 04 April 2025 by Jarvis Silva

Looking for tutorial on hosting your website made using react js on Hostinger then you are at the right place, In this tutorial I will show you step by step how to host react app on Hostinger using it's shared hosting plan.

React JS is popular frontend framework used to create fast dynamic websites and Hostinger provides one of the best web hosting at affordable prices.

I will be using Hostinger's premium shared hosting plan, it is perfect for starting out as you can host 100 websites, also you get a free domain, ssl and more.

Read : Hostinger premium web hosting review

Don't Have A Hostinger Account Yet

Get 70% Discount On Web Hosting Plans + 3 months FREE

Get Now

1. Create a build version of react app

  • Go to your react app project and open a terminal at your project folder location and enter the below command:
  • npm run build
  • This will create a production ready build folder inside your react project looking like below
  • React build folder content
  • We need to put all the files inside the build folder on Hostinger file manager so let's do that.

2. Setting up Hostinger and domain

In this step we will see how to setup hostinger hosting and domain if you already have hostinger account and a domain then you can skip this and go to the next step.

1. Sign up for a Hostinger Account

Use this special Hostinger discount link you will get web hosting at discounted price, For hosting this react website you can get Hostinger's single or premium shared hosting plan, I would suggest you go with the premium as it is price worthy it will get you a free domain, a ssl and can host multiple websites.

Complete the registration process by providing the necessary details and selecting a payment method.

2. Configure Domain Settings

Once you have successfully created your Hostinger account, log in to the control panel which is the hpanel and under the Domains section, click on "Add Domain." Here, you have two options: register a new domain or use an existing one.

Register a New Domain

With hostinger premium shared hosting you can register a free domain and you don't have to do any domain configuration if you register domain with hostinger.

Or use an Existing Domain

If you already have a domain with another provider then you can use that domain you just need to point it to hostinger nameservers, To update your nameservers follow this guide: Setup domain in hostinger or contact hostinger support for help if you are facing problems with domain configuration.

You can also create a subdomain and host your react app on it, to create a subdomain in Hostinger follow this tutorial:How to create a subdomain in Hostinger.

3. Upload build folder to Hostinger

  • After setting up hosting and domain now we just need to upload the react build folder files to Hostinger file manager to do that go to your Hostinger hpanel and click on the file manager.
  • Hostinger panel
  • It will show you option to access your files of your website click on it and it will open file manager where you will see a public_html folder inside which you will put all your code files.
  • So go inside public_html folder and now drag and drop everything from the react build folder inside public_html folder it will look like below.
  • React build folder in file manager

This was it now if you configured your domain properly and if you visit your domain you should see your react app showing up.

If your react website is loading then congratulations for successfully hosting your react website in Hostinger.

if you are facing any domain related or hosting issues then you can contact Hostinger customer support they will help you to solve your issues.

I hope you found this article helpful and useful, do share it with someone who needs it and thanks for reading.

About the author

I am Jarvis Silva, a tech enthusiast. I have 5 years of experience in website hosting and development, Now sharing all my knowledge related to web hosting and other various tech on the internet through Hostwizly.

Free Wordpress Website Setup

We will setup your wordpress website for free and get you started on your online journey.

Claim

Related Articles

How To Point Hostinger Domain To AWS EC2

How To Connect Hostinger Domain To Vercel

How To Check MySQL Version In Hostinger

Host Django Website On Hostinger VPS

How To Add SPF Record In Hostinger

How To Increase WP Memory Limit In Hostinger

How To Download Files From Hostinger File Manager

How To Find FTP Password In Hostinger

How To Add Signature In Hostinger Webmail

How To Connect Namecheap Domain To Hostinger

How To Add DKIM Record In Hostinger Email

How To Add DMARC Record In Hostinger

How To Transfer Domain From Wix To Hostinger

How To Switch From Hostinger Website Builder To Wordpress

How To Find Ip Address Of Website In Hostinger

How To Purchase Domain And Hosting From Hostinger

How To Install Wordpress In Hostinger

How To Extract Zip File In Hostinger

How To Install Wordpress Theme In Hostinger

How To Backup Emails From Hostinger

How To Connect Hostinger Domain To Shopify

How To Setup Hostinger Email On Outlook

How To Setup Hostinger Email On Gmail

How To Add TXT Record In Hostinger

How To Add CNAME Record In Hostinger

How To Set A Cron Job In Hostinger

How To Install Wordpress On Subdomain In Hostinger

Deploy Angular App On Hostinger Shared Hosting

How To Change PHP Version In Hostinger

How To Install Moodle On Hostinger

How To Get FREE Hosting On Hostinger

Difference Between Hostinger.com And Hostinger.in

Host Laravel Project On Hostinger Shared Hosting

Host Node JS On Hostinger

Is hostinger Good For Buying Domain?

How to add hostinger domain to netlify

How To Transfer Domain From Hostinger To Godaddy

How To Uninstall Wordpress In Hostinger

How To Connect Godaddy Domain To Hostinger

How To Host PHP Website On Hostinger

How To Change Server Location In Hostinger

How To Host Next JS Website On Hostinger

How to create subdomain in hostinger