Setting up Stencil App for the First time

In this 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<br />cd my-app<br />git remote rm origin<br />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

Leave a Comment