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. 🙂
Also Read :
- Ionic Framework’s Setup
- Top 10 VS Code extensions
- Angular Reactive Forms
- React Complete Course
- Bootstrap Complete Setup
- Chakra UI Setup in React
- Material UI Setup in React
- Tailwind CSS Setup
- Tailwind CSS Setup with Next.js
- Vs code shortcut key