Angular developers, rejoice! Thanks to the amazing team at HeroDevs, we finally have an Angular static site generator!
Although Scully was only released a few days ago, and is currently in Alpha right now, this is a very exciting time for the Angular community.
What Is This Thing?
Scully is a brand new static site generator, built around the Angular framework and ecosystem.
For those who aren’t already familiar, you can read more about what a static site generator is, but the short version is that Scully takes your new or existing Angular app and pre-renders it to HTML and CSS, no massive JavaScript bundles required.
It does so using a Node CLI, so adding it to an Angular project is as simple as running:
ng add @scullyio/init
Then, build your site as usual, and follow up by executing Scully:
ng build npm run scully
After these commands, check out the newly compiled HTML and CSS in the dist/static folder!
If you’re adding Scully to an already-existing Angular project, you can now marvel in the massively reduced package sizes afforded by static content.