How to Serve Static Files using NGINX in 3 Simple Steps?

NGINX has been the most popular web server for many years now, and it is used by a large number of websites and businesses around the world. NGINX is a very powerful tool and can be used to accomplish a lot of different tasks.

This blog will be about one of those various functions, and it will be about hosting static files on a server using NGINX.

Step 1: Editing the NGINX Config File

First of all, we'll have to edit the NGINX config file to add the directory, which will serve static content. Open the NGINX config file using the command:

sudo vi /etc/nginx/nginx.conf   # OR /etc/nginx/sites-enabled

Step 2: Updating the Location Block

Once you have opened the file using the vi editor, create a new location block in the server block.

server {
   server_name <>;
   location / {
     ...
   }

   location /files/ {
      root /var/www;
   }
}

In the above code snippet, we have added a new location block for the /files path and updated the root directive to point at /var/www. Now let's create an empty directory named /files on the above location.

Note: As we use the root directive in the location block, NGINX will add the route name to all paths. For example, if you request any file, NGINX will look it in the /var/www/files directory.

cd /var/www && mkdir files

Change the directory and create any file for testing purposes.

cd files
sudo touch hello.txt  # Add some random text too

Step 3: Restart the NGINX

Restart the NGINX server using the following command:

sudo service nginx restart

Test the NGINX configuration using sudo nginx -t to make sure there are no errors in the file.

Accessing the Static Files 🚀

To access the files, you can simply visit the server URL with the route that is mentioned in the location block (/files)

curl <<Server_URL>>/files/<<file_name>>

If you liked this post or found it interesting, give it a thumbs-up 👍

Thank you for reading! 💯

How to Serve Static Files using NGINX in 3 Simple Steps? 💡

Comments

More from this blog

Building a CRUD API with FastAPI and Supabase: A Step-by-Step Guide

9 Things to Consider When Choosing an SCA Tool

Best practices for managing developer teams in GitHub Orgs

How to Efficiently Merge Pull Requests using Mergify?🧑‍💻

3 Security Best Practices for React JS 🙌

Step 1: Editing the NGINX Config File

Step 2: Updating the Location Block

Step 3: Restart the NGINX

Accessing the Static Files 🚀

Command Palette

Comments

More from this blog

Step 1: Editing the NGINX Config File

Step 2: Updating the Location Block

Step 3: Restart the NGINX

Accessing the Static Files 🚀