What is a Single Page Application or SPA?

Tip of the week

Created on: December 10, 2017

Updated on: December 10, 2017

Single page applications are increasing in the popularity at the moment especially within the front-end, web development services community.

What is a Single Page Application or SPA?

A single page application is a web application in which the client side JavaScript handles the routing instead of the backend.

So, for example in a typical Laravel application with a vuejs front end that utilises an API.

The laravel backbone handles the RESTFUL API routes for example. Whilst the front end would display the results of those routes within a browser.

The benefits of an SPA application

SPA's in the past have been typically used for internal web applications such as a web app dashboard that users see when they log in to applications.

SPA's are very easy to deploy in to production environments.

SPA's are quick and easy to use because they you don’t have to wait to reload the page. The application loads the state on the fly.

This results in an improved user experience because the application uses less bandwidth and the overall performance of the application exceeds that of a typical front / back end application.

The disadvantages of an SPA application

Some users of your web development services application may not appreciate the fact that they can't use the back button in the same way; this is because of the way in which duplicate requests are handled by the application.

There are some issues with unsaved changes in that they may not be able to use the before unload event before the user leaves the application.

Examples of Single Page Applications

Here are some examples of single page applications.



Departures International

Single Page Applications are growing in their use and their complexity. In our article, we discussed the benefits and disadvantages of SPA's and its direct application into ancillary web development services.

We will create an SPA in a future tutorial so stay tuned for further tips and tricks from www.ormrepo.co.uk/blogs.

The link also provides information about the web development services we offer.