single-page application

A single-page application, often abbreviated to SPA, loads one web document when opened. JavaScript then displays the appropriate content. Users can navigate between screens without the browser loading a complete new page from the server each time.

How does a SPA work?

After the initial page load, the application usually retrieves data through an APIGlossary · In briefAPIAn API is a defined way for software to exchange data or call functions in other software without needing to know how that software works internally.Read more. The frontendGlossary · In brieffrontendThe frontend is the part of a website or application that users see and operate, such as pages, buttons, forms and interactive screens.Read more processes it and updates only the relevant part of the interface. Opening an assignment in a schedule might change the detail panel while leaving navigation and the rest of the schedule in place.

A SPA can have several routes. Its URL can change when someone opens another screen, allowing the back button to work and links to specific screens to be shared. The application manages this navigation in the browser. Reliable operation also requires error handling, loading states and keyboard controls.

How it differs from a traditional website

On a traditional website, many navigation actions request a new HTML document. After its first load, a SPA mainly retrieves data or smaller pieces of content and builds the next view in the browser.

This can make transitions fast and smooth. It requires attention to initial load time, search indexing and restoring the correct state after refreshing or opening a URL directly. The choice depends on the desired interaction and how visitors use the application.