Deploy / host React aplikacije preko cPanel-a

Autor objave:devmajstorica
Objava objavljena:14 veljače, 2023
Kategorija objave:React
Vrijeme čitanja:1 min read

1. Zakupiti domenu

… ili napraviti poddomenu na postojećoj domeni

2. Dodati početnu stranicu u package.json file

U package.json file-u u React aplikaciji treba dodati liniju homepage sa adresom web stranice:

"homepage": "https://yourwebsite.com",

3. Kreirati build file React aplikacije

U root direktoriju aplikacije pokrenuti (preko Git Bash Here ili CLI-ja u Visual Studio Code aplikaciji) komandu

npm run build

To će stvoriti novi direktorij u projektu pod nazivom: build
Unutra se nalazi komprimirana verzija programa koja ima sve što je potrebno pregledniku za prepoznavanje i pokretanje aplikacije.

4. Uploadati build na cPanel

Logirati se na cPanel i preko File Manager-a prebaciti sve iz build mape u Public_html, odnosno u root mapu poddomene.

5. Kreirati .htaccess file

Kreirati .htaccess file (ako se ne vidi uključiti u postavkama “show hidden files”) i u njega ubaciti slijedeći kod:

<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>

Izvor:

Deploy/Host your React App with Hostrain’s cPanel(Shared Hosting) in Simple Steps

Oznake: deploy