What runs behind the scenes

SPA system with swup

We work with the library swup to create a SPA experience for the users. This library allows us to control exactly which elements of our page we want to be substituted on page transition and gives us access to plenty of hooks to easily add behaviour to every event it emits.

How does it work?

In an SPA there are two important moments: the first load and the page transition. We have both handled, so we will cover the way our information travels from the moment a user enters the page. You have detailed explanations of every step inside this section.

All the files and information you will see here will not be for you to modify, with the exception of Main, where you will add the new handlers you create. All of these processes are designed to optimize loading times and user experience.

You can start by taking a look at our Project file.