How to Deploy a Stencil app with Vercel

This guide will show you how to deploy a Stencil app and get your domain set up.

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. To build a Stencil app, start with a template:

Deploy Stencil to Vercel

Vercel is a platform for deploying the fastest Stencil apps. You can deploy your app with zero configuration to the best frontend infrastructure.

  • Develop: Build Stencil apps 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 app to every edge node worldwide for the fastest Stencil apps. Static files, Serverless and Edge Functions, and more.

Built-in CI/CD for Stencil apps

Vercel has integrations for GitHubGitLab, and Bitbucket to enable CI/CD for your Stencil app 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.

Add your custom domain

After deploying, your new Stencil app will get automatically 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.

Deploy Stencil to Vercel

Start from a template

Vercel CLI

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

Vercel for Git

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

Couldn't find the guide you need?