Search code examples
hostingcreate-react-appweb-hosting

How to deploy Create React App to Hostinger?

Im having a problem viewing the subpages of my website that i deployed to Hostinger root folder or equivalent(subdomain), I run "npm run build" and deploy the files inside "build" folder to hostinger.

Of course it works on my local and firebase, but not on Hostinger.

See the files below for home, inner pages and FTP content.

home:

enter image description here

subpages:

enter image description here

ftp content from "build" folder.

enter image description here

Thanks!

Solution

  • I got this here are the steps:

    1. Create .htaccess inside your 'public' folder and paste the ff code.

    <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

    1. Build the app using the command below.

      npm run build OR yarn build

    2. And deploy your 'build' folder to your root folder or equivalent(subdomains).

    That's it, It works to me.