Issue with Nginx serving Hugo static files with proper theme

Question

I’m facing an issue where the site loads fine with the hugo server command, but when served through Nginx with static files, the theme doesn’t load correctly.

nginx Configuration (Hugo Server)):

http {
    server {
        listen 80;
        server_name localhost;
    
        location / {
            proxy_pass http://localhost:1313; 
        }
    }
}

nginx Configuration (Static files):

http {
    server {
        listen 80;
        server_name localhost;
        root /Users/pramodchoudhari/personal_projects/my_blog/promode_me/public/;
        index index.html;
    }
}

Hugo Command for Public Directory Generation:

hugo --theme hugo-PaperMod

Hugo Server Command:

hugo server -D

This is how the site loads when i try to serve the static files using nginx

This is the console log:

I would appreciate any guidance or suggestions to resolve this issue. Thank you in advance for your help!

Answer 1

Found the solution here: https://stackoverflow.com/a/11875443/6180721

include  /etc/nginx/mime.types;

This was missing in nginx.conf.