NGINX Setup and SSL Installation

ssl-installation.sh

# install nginx
sudo apt-get install -y nginx-extras

# install generator
sudo apt install certbot python3-certbot-nginx

this is required for actioncable to work (Force SSL)

  location /cable {
    proxy_pass http://localhost:3000/cable;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_read_timeout 60s;
    proxy_set_header X-Forwarded-Proto https;

  }

Full Config

server {

  server_name bytelift.ph;


  location /cable {
    proxy_pass http://localhost:3000/cable;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_read_timeout 60s;
    proxy_set_header X-Forwarded-Proto https;

  }

  location / {
        proxy_pass http://localhost:3000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
  }
  client_max_body_size 500M;

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/bytelift.ph/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/bytelift.ph/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}
server {
    if ($host = bytelift.ph) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


  listen 80;
  listen [::]:80;

  server_name bytelift.ph;
    return 404; # managed by Certbot


}

    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_read_timeout 60s;
    proxy_set_header X-Forwarded-Proto https;

for react

server {
  listen 80;
  server_name webstore-prod.rorens.com;
  
  root /var/www/skin-station-webstore-react/dist;
  index index.html;

  location / {
        try_files $uri /index.html;
  }

  client_max_body_size 500M;
}

Setup the permissions

sudo chown -R www-data:www-data /var/www/skin-station-webstore-react
sudo find /var/www/skin-station-webstore-react -type d -exec chmod 755 {} \;
sudo find /var/www/skin-station-webstore-react -type f -exec chmod 644 {} \;