feat: frontend docker nginx configuration add brower cache accelerated pages access

[jeevic]

nginx add configuration browser caching improves front-end page response speed

expires 1d;
add_header Cache-Control "public";

[ogabrielluiz]

hey @jeevic

Thank you for this!

How's your experience with the nginx setup with Langflow? Have you managed to get a working deployment with frontend under nginx and the backend as a separate container/service?

[jeevic]

hey   嘿@jeevic

Thank you for this!  谢谢你！

How's your experience with the nginx setup with Langflow? Have you managed to get a working deployment with frontend under nginx and the backend as a separate container/service?您对 Langflow 的 nginx 设置有何经验？您是否已成功实现前端在 nginx 下、后端作为单独容器/服务的有效部署？

yes, we deploy langflow separate deployment of front-end and back-end。in our practice，during the access, the front-end page will block the python web server。
we found a js file is size 13MB ， very very slow 😄

We chose Langflow for its visual orchestration capabilities.
but Langflow needs to make efforts in performance optimization. Otherwise, it not for production use.

[jordanrfrazier]

I did some reading and am interested in your thoughts @jeevic - for react, it's recommended to not cache index.html, since a new deploy may change where the new bundle is, and a cached index will point to a non-existent path.

chatgpt recommended:

   location ~* /index\.html$ {
        expires -1;
        add_header Cache-Control "no-store, must-revalidate";
    }

@Cristhianzl that make sense to you?

[jeevic]

i accept your opinion

[Cristhianzl]

@jordanrfrazier you are correct.
we shouldn't be caching index.html, the index.html file serves as the entry point and typically includes references to versioned assets.