Skip to main content

The Static Site Generator for Angular Apps

Build the fastest Angular applications with Scully. Pre-render your entire app to static HTML for instant page loads, superior SEO, and a seamless user experience.

Get StartedLearn More

Quick Start

Get your Angular app pre-rendered in minutes with these simple steps

1

Install Scully

Add Scully to your existing Angular project using the Angular CLI:
ng add @scullyio/init
This command automatically configures Scully and creates a scully.config.ts file in your project root.
2

Build Your Angular App

Build your Angular application for production:
ng build --prod
Scully requires a production build to analyze your application’s routes and generate static files.
3

Run Scully

Execute Scully to pre-render your application:
npx scully
Scully will discover all routes, render each page to static HTML, and save them to the dist/static directory.
Finding all routes in application...
✓ Found 42 routes to render

Rendering routes...
✓ /home (324ms)
✓ /about (287ms)
✓ /blog/post-1 (412ms)
✓ /blog/post-2 (398ms)
...

✓ Successfully rendered 42 pages in 8.2s
Static files saved to: dist/static
4

Serve and Deploy

Preview your static site locally:
npx scully serve
Your pre-rendered site is now ready to deploy to any static hosting service like Netlify, Vercel, or AWS S3. Each page loads instantly without waiting for JavaScript to bootstrap.

Why Scully?

Powerful features that make Scully the best choice for Angular static site generation

Lightning Fast

Pre-rendered pages load instantly without waiting for JavaScript. Your users see content immediately, even on slow 3G connections.

SEO Optimized

Search engines can crawl fully-rendered HTML pages without executing JavaScript. Improve your search rankings and social media previews.

Automatic Route Discovery

Scully automatically finds all routes in your Angular app using the router configuration. No manual route list needed.

Powerful Plugin System

Extend Scully’s functionality with plugins for custom rendering, route handling, and content processing. Create your own or use community plugins.

Markdown Support

Built-in support for rendering Markdown files to HTML. Perfect for blogs, documentation sites, and content-heavy applications.

Angular Schematics

Easy setup with Angular CLI schematics. Add blogs, create posts, and generate plugins with simple commands.

Explore by Topic

Dive deeper into Scully’s features and capabilities

Core Concepts

Understand how Scully discovers routes, renders pages, and optimizes your Angular application for static deployment.

Learn more

Guides

Step-by-step tutorials for configuring Scully, creating blogs, working with markdown, and deploying your static site.

View guides

Plugin System

Extend Scully with plugins for router customization, render hooks, file handling, and more. Build your own or use community plugins.

Explore plugins

Resources

CLI Reference

Complete command-line interface documentation with all options and flags for building and serving your site.

View CLI docs

Core API

Explore the core API for programmatic control over Scully’s build process, plugin registration, and configuration.

Browse API

Angular Library

Learn how to use Scully’s Angular library services for route access, content rendering, and state management.

View library docs

GitHub Repository

Browse the source code, report issues, and contribute to Scully on GitHub. Join our community of contributors.

Visit GitHub

Ready to Build the Fastest Angular Apps?

Start pre-rendering your Angular application with Scully today. Your users will thank you for the blazing-fast page loads.

Get Started Now

Build docs developers (and LLMs) love

Get started for freeTalk to us