How To Serve Angular Application With NGINX and Docker

A step by step guide with an example

Photo by Marius Masalar on Unsplash

There are so many ways we can build Angular apps and ship for production. One way is to build Angular with NodeJS or Java and another way is to build the angular and serve that static content with NGINX web server. When we build with NGINX and docker we don’t have to deal with server runtime or server related code. All we need to build the Angular app for prod and serve the generated static content with the NGINX server.

In this post, we will see the details and implementation of the second approach. We will go through step by step with an example.

• Introduction
• Prerequisites
• Example Project
• Just Enough NGINX For This Project
• Implementation
• Summary
• Conclusion

Introduction

In this project, we are going to use Angular as a JS framework, NGINX as a web server, docker as a container runtime.

NGINX serving static files