Links to resources on same domain with SvelteKit

By default, SvelteKit intercepts all clicks on links pointing to pages of the application, and handles the navigation so that the browser does not refresh.

However, SvelteKit will also try to handle links to resources on the same domain, such as images, videos, PDF documents, etc.

To solve this issue, SvelteKit provides a way to create links that trigger a real browser navigation, by specifying the rel="external" attribute on a tags:

Link to PDF document

The really cool thing is that SvelteKit did not invent the value external for rel attribute, but instead it is a standard value for links to external resources. By default this value has no behavior, it can just be used to apply specific styles to external links. But SvelteKit progressively enhances it.

Join my mailing list

Get monthly insights, personal stories, and in-depth information about what I find helpful in web development as a freelancer.

Email advice once a month + Free XState report + Free course on XState

Want to see what it looks like? View the previous issues.

I value your privacy and will never share your email address.