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

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:

GitHub

GitLab

Bitbucket

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.

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

Was this helpful?

Written By

mcsdev