pushstate.nginxconf

# pushState friendly!
# The setup:
#   * website name is `site.com`
#   * the API for your running on localhost:3000
#   * the root for API calls is at `/api`, and you have authentication routes with root `/auth` (both go to localhost:3000)
#   * javascript app is located at `/path/to/javascript/app`

# Assuming you have your server for API calls at localhost port 3000
upstream api_sitecom {
  server localhost:3000;
}

# Assumes you want all API calls to go to `/api` and you want a separate path for authentication calls (`/auth`)
server {
  listen 80;
  server_name site.com;
  root /path/to/javascript/app;

  # API at `/api`
  location /api {
    proxy_pass http://api_sitecom;
    proxy_set_header Host $http_host;  # preserve the host (otherwise will be `api_sitecom`)
  }

  # Authentication routes (`/auth`) also go to API server
  location /auth {
    proxy_pass http://api_sitecom;
    proxy_set_header Host $http_host;  # again, preserve the host
  }

  # To make sure any assets can get through :)
  location / {
    try_files $uri @rewrites;
  }

  # If no asset matches, send it to your javascript app. Hopefully it's a route in the app!
  location @rewrites {
    rewrite ^(.+)$ /index.html last;
  }
}