I am trying to deploy my Next.js application on AWS using nginx. I have done all the steps but couldn't find any solution on why my tailwind CSS is not loading on live server. But all is ok on my local computer.
As you can see no background color, no text formatting. No CSS is loaded.
this is my live link : http://3.87.182.100/
This is my nginx.conf file data :
server {
listen 80 ;
server_name _;
gzip on ;
gzip_proxied any ;
gzip_types application/javascript application/x-javascript text/css text/javascript;
gzip_comp_level 6 ;
gzip_buffers 16 8k ;
gzip_min_length 256 ;
location /_next/static/ {
alias /var/www/my-website/.next/static/ ;
expires 365d ;
access_log off ;
}
location / {
proxy_pass http://127.0.0.1:3000 ;
proxy_http_version 1.1 ;
proxy_set_header Upgrade $ http_upgrade ;
proxy_set_header Connection ' upgrade ' ;
proxy_set_header Hosthost ;
proxy_cache_bypass $ http_upgrade ;
}
}

