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 GitHub, GitLab, 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
- Install the Vercel CLI and run
vercel
to deploy. - Vercel will detect that you are using Stencil and will enable the correct settings for your deployment.
- Your application is deployed! (e.g. stencil-template.vercel.app)
Vercel for Git
- Push your code to your git repository (GitHub, GitLab, BitBucket).
- Import your Stencil project into Vercel.
- Vercel will detect that you are using Stencil and will enable the correct settings for your deployment.
- Your application is deployed! (e.g. stencil-template.vercel.app)