diff --git a/canaille/core/templates/about.html b/canaille/core/templates/about.html
index 945ec1f7..642c67e3 100644
--- a/canaille/core/templates/about.html
+++ b/canaille/core/templates/about.html
@@ -8,7 +8,7 @@
 {% block content %}
     <div class="ui clearing segment">
         <a href="{{ url_for('core.account.index') }}">
-            <img class="ui tiny centered image" src="/static/img/canaille-head.webp" alt="{{ website_name }}">
+            <img class="ui tiny centered image" src="{{ url_for("static", filename="img/canaille-head.webp") }}" alt="{{ website_name }}">
         </a>
 
         <h2 class="ui center aligned header">
diff --git a/canaille/core/templates/invite.html b/canaille/core/templates/invite.html
index 9f360b54..3538f5a8 100644
--- a/canaille/core/templates/invite.html
+++ b/canaille/core/templates/invite.html
@@ -6,7 +6,7 @@
 {%- endblock -%}
 
 {% block script %}
-    <script src="/static/js/copy.js" defer></script>
+    <script src="{{ url_for("static", filename="js/copy.js") }}" defer></script>
 {% endblock %}
 
 {% block submenu %}
diff --git a/canaille/core/templates/profile_add.html b/canaille/core/templates/profile_add.html
index 5345d791..6d59d9ef 100644
--- a/canaille/core/templates/profile_add.html
+++ b/canaille/core/templates/profile_add.html
@@ -7,7 +7,7 @@
 {%- endblock -%}
 
 {% block script %}
-    <script src="/static/js/profile.js" defer></script>
+    <script src="{{ url_for("static", filename="js/profile.js") }}" defer></script>
 {% endblock %}
 
 {% block submenu %}
diff --git a/canaille/core/templates/profile_edit.html b/canaille/core/templates/profile_edit.html
index 7e68c308..e50fd835 100644
--- a/canaille/core/templates/profile_edit.html
+++ b/canaille/core/templates/profile_edit.html
@@ -13,7 +13,7 @@
 {%- endblock -%}
 
 {% block script %}
-    <script src="/static/js/profile.js" defer></script>
+    <script src="{{ url_for("static", filename="js/profile.js") }}" defer></script>
 {% endblock %}
 
 {% block submenu %}
diff --git a/canaille/oidc/templates/token_view.html b/canaille/oidc/templates/token_view.html
index 5b53f4c6..40f52861 100644
--- a/canaille/oidc/templates/token_view.html
+++ b/canaille/oidc/templates/token_view.html
@@ -6,7 +6,7 @@
 {%- endblock -%}
 
 {% block script %}
-    <script src="/static/js/copy.js" defer></script>
+    <script src="{{ url_for("static", filename="js/copy.js") }}" defer></script>
 {% endblock %}
 
 {% block submenu %}
diff --git a/canaille/templates/base.html b/canaille/templates/base.html
index 5f1dd1e3..695bd723 100644
--- a/canaille/templates/base.html
+++ b/canaille/templates/base.html
@@ -10,9 +10,9 @@
             <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-            <link href="/static/fomanticui/semantic.min.css" rel="stylesheet">
-            <link href="/static/fonts/lato.css" rel="stylesheet">
-            <link href="/static/css/base.css" rel="stylesheet">
+            <link href="{{ url_for("static", filename="fomanticui/semantic.min.css") }}" rel="stylesheet">
+            <link href="{{ url_for("static", filename="fonts/lato.css") }}" rel="stylesheet">
+            <link href="{{ url_for("static", filename="css/base.css") }}" rel="stylesheet">
             {% if logo_url %}<link rel="icon" href="{{ favicon_url }}">{% endif %}
         {% endif %}
         {% block style %}{% endblock %}
@@ -92,17 +92,17 @@
         </footer>
         {% if config.get("JAVASCRIPT", true) %}
             {% if not is_boosted %}
-                <script src="/static/jquery/jquery.min.js" defer></script>
-                <script src="/static/fomanticui/semantic.min.js" defer></script>
+                <script src="{{ url_for("static", filename="jquery/jquery.min.js") }}" defer></script>
+                <script src="{{ url_for("static", filename="fomanticui/semantic.min.js") }}" defer></script>
                 {% if config.get("HTMX", true) %}
-                    <script src="/static/htmx/htmx.min.js" defer></script>
+                    <script src="{{ url_for("static", filename="htmx/htmx.min.js") }}" defer></script>
                     <script>
                         document.addEventListener('DOMContentLoaded', function() {
                             htmx.config.requestClass = "loading"
                         })
                     </script>
                 {% endif %}
-                <script src="/static/js/base.js" defer></script>
+                <script src="{{ url_for("static", filename="js/base.js") }}" defer></script>
             {% endif %}
             {% block script %}{% endblock %}
         {% endif %}
diff --git a/demo/client/templates/index.html b/demo/client/templates/index.html
index 1061d550..c39cb59f 100644
--- a/demo/client/templates/index.html
+++ b/demo/client/templates/index.html
@@ -7,8 +7,8 @@
 
         <title>Canaille test client</title>
 
-        <link href="/static/fomanticui/semantic.min.css" rel="stylesheet">
-        <link href="/static/css/base.css" rel="stylesheet">
+        <link href="{{ url_for("static", filename="fomanticui/semantic.min.css") }}" rel="stylesheet">
+        <link href="{{ url_for("static", filename="css/base.css") }}" rel="stylesheet">
         {% if logo_url %}<link rel="icon" href="{{ favicon_url }}">{% endif %}
         {% block style %}{% endblock %}
     </head>
@@ -18,7 +18,7 @@
             <div class="ui masthead center aligned segment">
                 <div class="ui text container">
                     <h2 class="ui header">
-                        <img class="ui image" src="/static/img/canaille-head.webp" alt="Canaille client" />
+                        <img class="ui image" src="{{ url_for("static", filename="img/canaille-head.webp") }}" alt="Canaille client" />
                         <div class="content">
                             {{ name }}
                         </div>
@@ -139,9 +139,9 @@
             </div>
         </div>
 
-        <script src="/static/jquery/jquery.min.js" defer></script>
-        <script src="/static/fomanticui/semantic.min.js" defer></script>
-        <script src="/static/js/base.js" defer></script>
+        <script src="{{ url_for("static", filename="jquery/jquery.min.js") }}" defer></script>
+        <script src="{{ url_for("static", filename="fomanticui/semantic.min.js") }}" defer></script>
+        <script src="{{ url_for("static", filename="js/base.js") }}" defer></script>
         {% block script %}{% endblock %}
     </body>
 </html>
diff --git a/tests/app/fixtures/themes/test/base.html b/tests/app/fixtures/themes/test/base.html
index cf81d667..ce4ee6aa 100644
--- a/tests/app/fixtures/themes/test/base.html
+++ b/tests/app/fixtures/themes/test/base.html
@@ -9,9 +9,9 @@
 
         <title>{% block title %}{{ website_name|default("Canaille") }} {% trans %}authorization interface{% endtrans %}{% endblock %}</title>
 
-        <link href="/static/fomanticui/semantic.min.css" rel="stylesheet">
-        <link href="/static/fonts/lato.css" rel="stylesheet">
-        <link href="/static/css/base.css" rel="stylesheet">
+        <link href="{{ url_for("static", filename="fomanticui/semantic.min.css") }}" rel="stylesheet">
+        <link href="{{ url_for("static", filename="fonts/lato.css") }}" rel="stylesheet">
+        <link href="{{ url_for("static", filename="css/base.css") }}" rel="stylesheet">
         {% if logo_url %}<link rel="icon" href="{{ favicon_url }}">{% endif %}
         {% block style %}{% endblock %}
     </head>
@@ -95,9 +95,9 @@
         <footer>
             <a href="{{ url_for('core.account.about') }}">{{ _("About canaille") }}</a>
         </footer>
-        <script src="/static/jquery/jquery.min.js" defer></script>
-        <script src="/static/fomanticui/semantic.min.js" defer></script>
-        <script src="/static/js/base.js" defer></script>
+        <script src="{{ url_for("static", filename="jquery/jquery.min.js") }}" defer></script>
+        <script src="{{ url_for("static", filename="fomanticui/semantic.min.js") }}" defer></script>
+        <script src="{{ url_for("static", filename="js/base.js") }}" defer></script>
         {% block script %}{% endblock %}
 
         TEST_THEME