Static Sites Generation with Angular and ScullyIO

on YouTube ↗30m

" summary

Static site generator ScullyIO runs at build-time rendering on Angular apps (Angular 8+ required, Angular 10+ recommended) and uses Puppeteer to prerender routes into an HTML site placed by default in the /static folder. Demo shows using ng add @scullyio/init, schematics to generate markdown posts, route discovery producing a routes.json, serving static files on port 1668 alongside the Angular server on 1864, a custom disable-angular plugin to execute scripts, and an observed Lighthouse performance score of about 92.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 7:06Requirements
3. 7:26Installation
4. 10:22Speed and Performance
5. 24:35Disable Angular

" related talks

• 08mAngular and Scully, the power couple!Patricio Vargas · TheJam.dev 2022
• 23mAngular + Scully - Wicked-fast Angular appsAaron Frost · ngVikings 2020
• 09mScully like an alternative to SSRStepan Suvorov · AngularUP Experience 2020
• 15mA journey to Server Side Rendering with AngularAristeidis Bampakos · CityJS Athens 2025
• 31mBuilding High Performance Static Web Site with AngularUri Shaked · AngularUP 2017
• 20mClimbing to the top of the Lighthouse with ScullyRobert Willemelis · Reliable Web Summit 2021
• 19mA plethora of rendering ideasMateusz Do Duc · NG Poland 2022
• 32mBuilding a dynamic SPA website with AngularFilip Bruun Bech-Larsen · AngularCamp 2017