Handling file downloads is a common requirement in web apps, whether it’s for exporting data as CSVs or generating PDF reports. Recently, I developed a feature that enables users to download files after specific interactions, like clicking a button to generate a report. In this article, I’ll explore practical approaches to implementing file downloads in Remix.

Nested routes are a neat concept of Remix framework. The idea is that segments of the URL path of the applications define the layouts and the data dependency of those layouts. In many use cases, your view could be a composition of multiple route levels, and you may end up with the need to access the data that was fetched in one of your parent (or child) routes.