How to regenerate the compiled CSS on server (nginx)

Hi community,

My project is running on a nginx server (reverse proxy), every time I have changes I will do a git pull and run it silently using source .env && MIX_ENV=prod PORT=4000 elixir --erl "-detached" -S mix phx.server.

But I realised a problem when I started to touch up the design elements. I realised that the CSS is always pointing to some pre-generated file. In order to understand it, I cd into the folder here is a list of files I saw:

app-116d2c65ad8cbf900672b65347ffce49.css
app-116d2c65ad8cbf900672b65347ffce49.css.gz
app-22abddadf6da6a2bdbcbfb609735b249.css
app-22abddadf6da6a2bdbcbfb609735b249.css.gz
app-564554e6ed67967be0a2451481753611.css
app-564554e6ed67967be0a2451481753611.css.gz
app-65bf4eb024acba6bd583a0806976c0e4.css
app-65bf4eb024acba6bd583a0806976c0e4.css.gz
app-6676b9997926b9d99094855080ac6f52.css
app-6676b9997926b9d99094855080ac6f52.css.gz
app-6a32cc0fa70aeee1642a7056887818cf.js
app-6a32cc0fa70aeee1642a7056887818cf.js.gz
app-9a73af91d0bf529d33e9b174700e90be.css
app-9a73af91d0bf529d33e9b174700e90be.css.gz
app-a2ec2025b75ba1dc84081ba52d3f389a.css
app-a2ec2025b75ba1dc84081ba52d3f389a.css.gz
app-a7464ac98e9e6830db762b8179e80331.css
app-a7464ac98e9e6830db762b8179e80331.css.gz
app-b29e4b6b8d477e4a74d9bfa4b579c05a.css
app-b29e4b6b8d477e4a74d9bfa4b579c05a.css.gz
app-b765939cdd9aa2f39476ea4ce4fea4ee.js
app-b765939cdd9aa2f39476ea4ce4fea4ee.js.gz
app-de570e285c2d06aadbe119584cf3f94d.js
app-de570e285c2d06aadbe119584cf3f94d.js.gz
app-eb4687f3e866bf79bfd8995eed26bc88.css
app-eb4687f3e866bf79bfd8995eed26bc88.css.gz
app-f7aa12f5be2e70bd89dc872c8be91fc8.js
app-f7aa12f5be2e70bd89dc872c8be91fc8.js.gz
app.css
app.css.gz
app.js
app.js.gz

And my web is pointing to app-65bf4eb024acba6bd583a0806976c0e4.css?vsn=d, I am just lost that how can I properly regenerate these files. Is there any proper way to get them after git pull?

Thank you so much in advance. <3

Best wishes,
Jing Hui PANG.