Deploy Stencil with Vercel

Create a Stencil app and deploy it live with Vercel.

Stencil is a toolchain for building reusable, scalable Design Systems. Generate small, blazing fast, and 100% standards based Web Components that run in every browser.

Step 1: Set Up Your Stencil Project

Set up a Stencil app with npm and move into the project directory, choosing the option ionic-pwa and providing the name my-stencil-project:

npm init stencil && cd my-stencil-project

Initializing a Stencil app with npm and moving into the project directory.

Step 2: Deploying Your Stencil 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://stencil.now-examples.now.sh


To deploy your Stencil 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.

Set up a Stencil 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 mcsdevmcsdev