This tutorial I will show you Nginx installation and configuration steps to serve Angular application in production. I am gonna use Ubuntu 16.04 operating system.

How to Deploy an Angular app in Production with Nginx

Install and Configure Nginx for Angular

First update the apt-get package lists and then install Nginx using apt-get:

Then open the default file to configure server which is located in /etc/nginx/sites-available/ directory.

Delete everything in this configuration file and paste the following content:

To make the changes active, restart the web server nginx:

Now check the status of Nginx service by running following command, you should get “active” green color text along with other text.

How to Deploy angular app

Copy and move all the compiled files to webserver root folder,ex: /var/www/html.

For example, If you are using Angular CLI, then you should run below command to get compiled files for production:

When you run the ng build --prod command, it creates a /dist folder and it places all compiled files inside it. You have to move those files to web server root folder, ex: /var/www/html. Thant, it now you can access your application with your public IP or domain name.

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

Published by Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from last 7+ years, and its my passion to learn new things and implement them as a practice. Aside from work, I likes gardening and spending time with pets.

Join the Conversation


  1. When I closing my ssh window, server is throwing 404 error. How can I keep running the nginx continuously?

Leave a comment

Your email address will not be published. Required fields are marked *