Next.js deployed to AWS ec2 ubuntu with nginx but tailwindcss is not loaded on live server

Viewed 20

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.

Local preview: enter image description here

Live Preview: enter image description here

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 ;
}

}

0 Answers
Related