Linux, Next.js
Статика через nginx в приложении Next.js
Author
NMitin
Date Published

В приложении на next.js загружаемые фото я сразу обрабатываю, уменьшенные копии складываю в /public/thumbnails , а оригиналы в /public/uploads .
Пример конфигурационного файла nginx для выдачи статики
1server {2 listen 80;3 server_name localhost; # Убедитесь, что это соответствует вашему домену или IP-адресу45 root /var/www/my_app; # Путь к каталогу вашего проекта67 # Отдаем статические файлы из каталога thumbnails8 location /thumbnails/ {9 alias /var/www/my_app/public/thumbnails/;10 expires 30d; # Устанавливаем кэширование статических файлов11 add_header Cache-Control "public";12 }1314 location /uploads/ {15 alias /var/www/my_app/public/uploads/;16 expires 30d; # Устанавливаем кэширование статических файлов17 add_header Cache-Control "public";18 }1920 # Проксирование всех других запросов на сервер Node.js21 location / {22 proxy_pass http://localhost:3000; # Порт, на котором работает ваше приложение Node.js23 proxy_set_header Host $host;24 proxy_set_header X-Real-IP $remote_addr;25 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;26 proxy_set_header X-Forwarded-Proto $scheme;27 }2829 # Обработка ошибок30 error_page 500 502 503 504 /50x.html;31 location = /50x.html {32 root /usr/share/nginx/html;33 }34}35363738