Linux,  Next.js

Статика через nginx в приложении Next.js

Author

NMitin

Date Published

nginx

В приложении на next.js загружаемые фото я сразу обрабатываю, уменьшенные копии складываю в /public/thumbnails , а оригиналы в /public/uploads .

Пример конфигурационного файла nginx для выдачи статики


1server {
2 listen 80;
3 server_name localhost; # Убедитесь, что это соответствует вашему домену или IP-адресу
4
5 root /var/www/my_app; # Путь к каталогу вашего проекта
6
7 # Отдаем статические файлы из каталога thumbnails
8 location /thumbnails/ {
9 alias /var/www/my_app/public/thumbnails/;
10 expires 30d; # Устанавливаем кэширование статических файлов
11 add_header Cache-Control "public";
12 }
13
14 location /uploads/ {
15 alias /var/www/my_app/public/uploads/;
16 expires 30d; # Устанавливаем кэширование статических файлов
17 add_header Cache-Control "public";
18 }
19
20 # Проксирование всех других запросов на сервер Node.js
21 location / {
22 proxy_pass http://localhost:3000; # Порт, на котором работает ваше приложение Node.js
23 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 }
28
29 # Обработка ошибок
30 error_page 500 502 503 504 /50x.html;
31 location = /50x.html {
32 root /usr/share/nginx/html;
33 }
34}
35
36
37
38