Skip to content
Docs

How to Deploy an Angular Site with Vercel

Create your Angular app and deploy it with Vercel.

This guide will show you how to deploy an Angular site and get your domain set up.

Angular is a popular JavaScript framework for building apps across all platforms; web, mobile web, native mobile, and native desktop. There are multiple ways to build an Angular site, including:

Copy link to headingDeploy Angular to Vercel

Vercel is a platform for deploying the fastest Angular sites. You can deploy your site with zero configuration to the best frontend infrastructure.

  • Develop: Build Angular sites that connect to your favorite APIs, databases, and content management systems.
  • Preview: Integrate with any GitHub, GitLab, or Bitbucket repository for instant continuous deployment.
  • Ship: Deploy your site to every edge node worldwide for the fastest Angular sites. Static files, Vercel Functions, the CDN, and more.

Copy link to headingBuilt-in CI/CD for Angular sites

Vercel has integrations for GitHubGitLab, and Bitbucket to enable CI/CD for your Angular site with zero configuration. Then, you can run automated tests for performance and reliability on every push. Pull and merge requests are deployed instantly to a unique URL, accessible to your entire team.

Copy link to headingAdd your custom domain

After deploying, your new Angular site will automatically be assigned a .vercel.app suffixed domain. You can then add a Custom Domain on your choice, either from a third-party or purchased through Vercel.

Copy link to headingDeploy Angular to Vercel

Copy link to headingStart from a template

Copy link to headingVercel CLI

  1. Install the Vercel CLI and run vercel to deploy.
  2. Vercel will detect that you are using Angular and will enable the correct settings for your deployment.
  3. Your application is deployed! (e.g. angular-template.vercel.app)

Copy link to headingVercel for Git

  1. Push your code to your git repository (GitHub, GitLab, BitBucket).
  2. Import your Angular project into Vercel.
  3. Vercel will detect that you are using Angular and will enable the correct settings for your deployment.
  4. Your application is deployed! (e.g. angular-template.vercel.app)

More Git Integration guides