How to use ui.add_static_files when using @ui.page("/{_:path}") with sub_pages?

[quartelmestre]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

#!/usr/bin/env python3
from custom_sub_pages import custom_sub_pages, protected

from nicegui import app, ui

@ui.page('/')
@ui.page('/{_:path}')
def main_page():
    pass

if __name__ in {'__main__', '__mp_main__'}:
    app.add_static_files(url_path="/files", local_directory=FILES_PATH)
    ui.run(storage_secret='demo_secret_key_change_in_production')

Description

This is the same code as in https://github.com/zauberzeug/nicegui/tree/main/examples/single_page_app.

However, adding a static file route does not work, it is hijacked by the catchall route in the main_page decorator.

I tried to add the static route inside main_page, to no avail.

How do I add a static file route in this case?

NiceGUI Version

3.12.1

Python Version

3.14.5

Browser

Firefox

Operating System

Linux

Additional Context

No response

[python-and-novella]

Try this:

from nicegui import app, ui

app.add_static_files(url_path="/files", local_directory='./')

@ui.page('/')
@ui.page('/{_:path}')
def main_page():
    pass

if __name__ in {'__main__', '__mp_main__'}: 
    ui.run(storage_secret='demo_secret_key_change_in_production')

[quartelmestre]

It worked, thanks @python-and-novella ! What is the rationale behind this, please?

[python-and-novella]

I have no idea, make add_static_files's executing before page's registering I guess.

[evnchn]

I think indeed yes, who's earlier wins.