Deploy Aurelia with Vercel

Create an Aurelia app and deploy it live with Vercel.

Aurelia is a JavaScript framework for web, mobile and desktop that leverages simple conventions to empower your creativity.

Step 1: Set Up Your Aurelia Project

Set up an Aurelia app with npx and move into the project directory, choosing the option Default ESNext App:

npx aurelia-cli new && cd aurelia-app

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

In the ./aurelia_project/aurelia.json file, under the platform key, change the output directory for the project to public:

"platform": {
    "hmr": false,
    "open": false,
    "port": 8080,
-   "output": "dist"
+   "output": "public"
}

Changing the output directory in the /aurelia_project/aurelia.json file.

Step 2: Deploying Your Aurelia App with Vercel

There are two ways to deploy with Vercel. We recommend using a Vercel for Git Integration for ease-of-use. Alternatively, Vercel 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://aurelia.now-examples.now.sh


To deploy your Aurelia app with a Vercel for Git Integration, make sure it has been pushed to a Git repository.

Import the project into Vercel 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.



Written By
Written by mcsdevmcsdev