Stencil App

Table of Contents

Setting up Stencil App for the First time

In this Setting up Stencil App for the First time article, we are going to learn how to setup project using Stencil

Before we start, Let me give you brief overview of Stencil

“Stencil is a compiler to build the web app using web components, It can be used with many popular framework and also can be used without framework, because it is a web component.”
It is created by Ionic team

Now, let’s create first web component using stencil.
Please follow the following steps, clone the starter project from github


  git clone https://github.com/ionic-team/stencil-starter.git my-app
  cd my-app
  git remote rm origin
  npm install

Then, to run your app

npm start

For the Production build, Run the following command

npm run build

That’s pretty much it! 🙂

Now your app is ready, Please watch this article to understand the app architecture.

I hope you like this Setting up Stencil App for the First time article. 🙂

Setting up Stencil App for the First time

Now, let’s create first web component using stencil.Please follow the following steps, clone the starter project from github

For the Production build, Run the following command

Now, let’s create first web component using stencil.
Please follow the following steps, clone the starter project from github