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.
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
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:
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.
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.