Angular 2

How to Deploy an Angular app in Production with Nginx

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.

By Arjun

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

3 replies on “How to Deploy an Angular app in Production with Nginx”

Leave a Reply

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