Deploy Scully with ZEIT Now

Create a Scully app and deploy it live with ZEIT Now.

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

Step 1: Set Up Your Scully Project

Set up an Angular app with npx and move into the project directory, selecting Angular routing and the CSS framework of your choice:

npx -p @angular/cli@next ng new my-scully-project && cd my-scully-project

Initializing an Angular app with npx and moving into the project directory.

Add the @scully/init package to the project:

ng add @scullyio/init

Adding the @scully/init package to the project.

Next, use the ng generate command to initialize the blog module:

ng generate @scullyio/init:blog

Initializing the Scully blog module.

Then, use the ng generate command to initialize the post module:

ng generate @scullyio/init:post

Initializing the Scully post module.

Step 2: Deploying Your Scully App with ZEIT Now

There are two ways to deploy with ZEIT Now. We recommend using a ZEIT Now for Git Integration for ease-of-use. Alternatively, Now CLI can be used to generate a manual Preview Deployment.

Once deployed, you will get a URL to see your app live, such as the following: https://scully.now-examples.now.sh


To deploy your Scully app with a ZEIT Now for Git Integration, make sure your created project has been pushed to a Git repository.

Import the project into ZEIT Now using your Git integration of choice:

After your project has been imported, all subsequent pushes to branches will generate Preview Deployments, and all changes made to the default branch (commonly "master") will result in a Production Deployment.

Set up a Scully app with a few clicks using the Deploy button, and create a Git repository for it in the process for automatic deployments for your updates.



Written By
Written by msweeneydevmsweeneydev