Nginx single-page app local dev server config

0-readme.md

Easy single-page app dev using nginx

If you're using only nginx (no Apache thx) and want to serve your projects using a local dev domain.

Install nginx

brew install nginx

Or download/unzip for Win: http://nginx.org/en/docs/windows.html

Configure nginx

Edit /usr/local/etc/nginx/nginx.conf or C:\nginx\confg\nginx.conf, following the sample below.

Start/reload nginx

sudo nginx
sudo nginx -s reload
sudo nginx -s quit

Configure hosts

Edit /etc/hosts/ or C:\Windows\System32\drivers\etc\hosts to add your dev domains.

127.0.0.1   dev.project1.com
127.0.0.1   dev.project2.com

1-nginx.conf

[...]

http {
  [...]
  
  server {
    listen       80;
    [...]
  }

  # project1
  server {
      server_name dev.project1.com;
      try_files $uri /index.html;
      root /path/to/project1/www;
  }
  # project2
  server {
      server_name dev.project2.com;
      try_files $uri /index.html;
      root /path/to/project2/www;
  }
}