Posted on Updated on - Arjun

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 webserver 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 place all compiled files inside in. You have to move those files to webserver 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.

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. Protection Status