--- title: "Introducing Scully: the Angular Static Site Generator | Netlify" description: "Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!" source: "https://www.netlify.com/blog/2019/12/16/introducing-scully-the-angular-static-site-generator/" last_updated: "2026-07-15T18:44:10.000Z" --- What? Angular didn’t have a static site generator (SSG) yet? But, it does now! The awesome team at [HeroDevs](https://herodevs.com/) has just released the alpha version of [Scully](http://scullyio.com/): > Scully pre-renders each page in your app to plain HTML & CSS. To do this, Scully uses machine learning techniques to find all of the routes in your project. Scully then visits each route, rendering the view and saving it to an HTML file. If you, like me, have learned of the great benefits of [Angular in the Jamstack](https://www.netlify.com/blog/2019/10/30/whats-angular-in-the-jamstack-it-sounds-delicious/?utm_source=blog&utm_medium=announcing-scully-post-tzm&utm_campaign=devex) and serving up static assets you may have also been asking for an Angular SSG. Well, Festivus/Kwanzaa/Hanukkah/Christmas doth come early, friend. You can even catch a live release by HeroDevs CEO, Founder, and Architect, Aaron Frost, [here on YouTube](https://youtu.be/Sh37rIUL-d4). ## The What & Where Scully uses a node CLI application to run Angular schematics so you don’t have to learn any new language or syntax. It’s just Angular (#justAngular). To add it to an existing Angular app you just need to: ``` ng add @scullyio/initng buildnpm run scully ``` Then you can see your static files in a new `dist` folder called `static` alongside your application folder. You can see here that your package size will shrink drastically. Aaaah static content 💆🏻‍♀️. You can also take advantage of the [Angular CLI `generate` command](https://angular.io/cli/generate) to add blog support and create posts. ``` ng g @scullyio/init:blogng g @scullyio/init:post ``` They’ve also created a [plugin system](https://github.com/scullyio/scully/blob/master/docs/plugins.md) to incorporate Route Plugins and Data Transform Plugins. With all this in just the alpha version, it’s easy to see how powerful Scully can become and what an asset it’s going to be in the Jamstack. Here are a few resources to help you investigate Scully: - [Scully Documentation](https://github.com/scullyio/scully/blob/master/docs/scully.md) - [The Live Scully Video Release](https://youtu.be/Sh37rIUL-d4) - [What’s Angular in the Jamstack?](https://www.netlify.com/blog/2019/10/30/whats-angular-in-the-jamstack-it-sounds-delicious/?utm_source=blog&utm_medium=announcing-scully-post-tzm&utm_campaign=devex) - [First Steps Using Netlify & Angular](https://www.netlify.com/blog/2019/09/23/first-steps-using-netlify-and-angular/?utm_source=blog&utm_medium=announcing-scully-post-tzm&utm_campaign=devex) ## Big Thanks & Future Fun Such big thanks to [HeroDevs](https://herodevs.com/) for creating Scully! We can’t wait to jump in and get pre-rendering. We’re excited to help the project grow and evolve. If you are too, you can post issues [on the repo here](https://github.com/scullyio/scully/blob/master/docs/issues.md). Stay tuned to see some of our Netlify adventures working with Scully and Angular in the Jamstack. Happy Coding! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Introducing Scully: the Angular Static Site Generator &url=https://www.netlify.com/blog/2019/12/16/introducing-scully-the-angular-static-site-generator//) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2019%2F12%2F16%2Fintroducing-scully-the-angular-static-site-generator%2F%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2019/12/16/introducing-scully-the-angular-static-site-generator//) - [Bluesky](https://bsky.app/intent/compose?text=Introducing Scully: the Angular Static Site Generator +https://www.netlify.com/blog/2019/12/16/introducing-scully-the-angular-static-site-generator//) * * * ### Tags - [Angular](/blog/tags/angular/) ## Keep reading ![](/_astro/d0354fe52c160a3abdfdeff297a1baf090302a3d-1600x900_Z1eDdJG.webp) News & Announcements July 14, 2026 [ ### More headroom, a lower per-credit rate, and a bill you can predict: introducing new Pro plan tiers ](/blog/new-pro-plan-tiers) - ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp) Gehrig Kunz ![](/_astro/8cc710924ebf8880283553465808eac2611fd379-1600x900_Z2eTTQe.webp) News & Announcements July 13, 2026 [ ### Netlify inside of Claude Design ](/blog/netlify-inside-of-claude-design) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts ## Recent posts News & Announcements July 14, 2026 [ ### More headroom, a lower per-credit rate, and a bill you can predict: introducing new Pro plan tiers ](/blog/new-pro-plan-tiers) - ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp) Gehrig Kunz News & Announcements July 13, 2026 [ ### Netlify inside of Claude Design ](/blog/netlify-inside-of-claude-design) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)