JAMStackGR #4-Scully An Angular Static Site Generator
Tags: jamstack, angular, scullyio, webdev
Published: 2020-01-22 14:46:58

---
title: JAMStackGR #4-Scully An Angular Static Site Generator
published: true
date: 2020-01-21 05:00:00 UTC
tags: jamstack, angular, scullyio, webdev
canonical_url: https://ajonp.com/blog/jamstackgr-4-scully-an-angular-static-site-generator
series: jamstackgr
---

{% youtube fg_ueOGeWlM %}

# JAMStack GR #4

## Nate Lentz Details

[https://twitter.com/nathanlentz](https://twitter.com/nathanlentz)

## Nate's Presentation on GitHub

[https://github.com/nathanlentz/scully-talk-jamstackgr](https://github.com/nathanlentz/scully-talk-jamstackgr)

## Scully.io

[https://github.com/scullyio/scully/blob/master/README.md](https://github.com/scullyio/scully/blob/master/README.md)

## Scully.io Readme

### Scully 

The best way to build the fastest Angular apps. Scully is a static site generator for Angular projects looking to embrace the JAMStack.

- [Getting Started](https://github.com/scullyio/scully/blob/master/docs/getting-started.md)
- [Full Documentation](https://github.com/scullyio/scully/blob/master/docs/scully.md)
- [Live Demo](https://www.youtube.com/watch?v=Sh37rIUL-d4) (_from Dec 16, 2019_)
- [Contribution Guideline](https://github.com/scullyio/scully/blob/master/CONTRIBUTING.md)

### What is Scully?

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.

You can then ship all of those HTML files to production. Each view in your app can now be delivered to your users in just a few KBs, as opposed to the hundreds/thousands of KBs require to download your entire Angular app.

Your app appears INSTANTLY on any device (including mobile 3G).

Once the fully-rendered HTML arrives/appears on the user's view, your Angular app will then load and bootstrap on top of the existing view. This means that Scully gives you the best of both worlds:

1. The ability to pre-render your entire app to the most base form of HTML & CSS.
2. The ability to still have a full powered SPA written in Angular.

When your app is pre-rendered, users no longer wait until all the JavaScript has downloaded, parsed and executed before they can see and interact with your website. They can immediately begin to see and interact with the page. When your page is IMMEDIATELY available, you will have less abandoned sessions and a much higher conversion rate on your website.

This also means that you may not need to ship your backend to production. Because the view is pre-rendered and the data is fetched at build time, all views that can run without the backend in prod CAN run without the backend in prod. The security and cost implications to that fact can be mind blowing when you think about them.

For those wanting to know more about this process, please read the [Getting Started](https://github.com/scullyio/scully/blob/master/docs/getting-started.md) guide. For those who want to know more about the theory behind pre-rendering JavaScript SPAs, our friends at [Netlify](https://netlify.com) wrote a [free book about the JAMStack](https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf). Check that out today.

#### GET A HOLD OF US 24/7

The Scully core team wants to help you any time you need us. We don’t want you to get stuck without help. To make this possible, you have the following ways to get a hold of our team:

1. The ScullyIO [Gitter channel](https://gitter.im/scullyio/community) is available to the public, and you can chat questions to us in real time, one of the core team (or the community members) will be there to reply to it.
2. Each Tuesday we have Office Hours at noon MDT. [You can join](https://meet.google.com/_meet/vcm-wekz-hsx) the entire team and ask your questions.
3. Our DMs are open on [Twitter](https://twitter.com/scullyio). Feel free to reach out to us on Twitter.

### Core Team

Aaron Frost Sander Elias Jorge Cano Andres Villanueva [aaronfrost](https://github.com/aaronfrost) [SanderElias](https://github.com/SanderElias) [jorgeucano](https://github.com/jorgeucano) [villanuevand](https://github.com/villanuevand)

#### Created by

**_HeroDevs. LLC_**