Scully: The Angular Static Site Generator

If you are going to work on a project which requires fast performance on mobile and/or slow connections – or if you just like performant web applications – and you are going to be able to work with Angular 8 or above, you might want to take a look at Scully, the Static Site Generator for Angular.

Normally a Hello World application in Angular already has a size of around 300KB. It is slow on connections like 3G or lower and won’t give the performance people expect these days. This is caused by the overhead that Angular carries with it as standard. Because Angular is a JavaScript framework, it will only work in browsers with JavaScript turned on. 

As a result, users may drop out and you will have fewer visitors to your website.

Scully is the Glu

Scully can take your Angular application (and soon parts of your Angular application) and create a static version of it. Scully pre-renders each page in your application to plain HTML and CSS and will therefore also work when JavaScript is disabled in the browser. Scully uses machine learning to find and visit all of the routes in an Angular project, after which it will render all the views and save them as plain HTML files. Scully will essentially turn your Angular application into a JAMStack.  The Hello World application from around 300KB that we talk about will become about 20KB when we apply Scully to it. So it is 15 times smaller than before and therefore it will load faster. They also created a plugin system to incorporate Route Plugins and Data Transform Plugins.

Scully turns Angular apps into wicked-fast static sites

At the time of writing, it only supports Angular 9. The official version will support Angular 8 and higher. Now with Angular 9 coming it will be available also on Angular 8. 

Scully is currently in its alpha version and available here.

The beta version is expected by the end of February 2020. Watch the introduction video with examples of Scully here.

You can read more about JAMStack here or download the free O’Reilly book, called ‘Modern Web Development on the JAMStack’

Kim de Boer Schenk

About

Kim de Boer - Schenk is an enthusiastic Front-End Developer with a passion for Front-End Development and creating cool stuff with other geeks. Kim has gained experience at Code Clear as a Front-End Developer, where she has mainly focused on creating flow charts, prototypes, developing responsive websites and emails, utilizing technologies such as XHTML, HTML, CSS, JS and JQuery.

More on Kim de Boer Schenk.

Related Posts

Your email address will not be published. Required fields are marked *

9 + 9 =