Handling fonts, images, stylesheets, and other assets

Fonts, images, and stylesheets are examples of static assets that need to be efficiently managed when building for the web. To ensure a fast user experience, it is necessary to optimize, minimize, and cache these assets. Proper management of static assets can significantly improve page load times and enhance the overall user experience. In this section, you will learn how to access and manage static assets in Remix. Let’s start by reviewing how to access a simple static file in Remix.

Working with static assets

We can host static assets on our web server so that our client application can access them. As we learned previously, Remix is not a web server but an HTTP request handler. As such, Remix does not offer a built-in way to serve static assets. It’s the underlying web server’s responsibility to set up access for public assets.

Luckily, Remix’s starter templates follow the common pattern of...