Prevent user direct download for any public files (e.g. images, fonts)

[ottta]

Hey, is there any way to prevent or redirect if user try to direct download static files in public directory? e.g. images, font files. I've been use "redirect" method on next.config.js, but all static files cannot be download by the app. Reference from this discussion #11899

[jamesmosier]

There is no way to prevent this. As Tim mentions here, any content you send to a users browser they will be able to download.

[jamesmosier]

No way because that's just the way internet browsers works. There is no mechanism within browsers to prevent certain assets from being accessed by others if you are exposing them via a web server.

[ottta]

I have an example for that case, please try these sites Tokotypefaces and Family Type. When you download font files from network services you'll facing restricted page.

[jamesmosier]

This is outside the scope of Next.js. You'll need to setup a custom proxy server with custom rules to do something like this.

https://stackoverflow.com/questions/14173675/how-to-protect-files-from-direct-download
https://stackoverflow.com/questions/10236717/how-to-prevent-a-file-from-direct-url-access

[ottta]

Oke thank's @jamesmosier , I'll try and be back to discussion

[qafariamirhossein]

We should use a 3rd party.