An open API service indexing awesome lists of open source software.

https://github.com/arrudadev/stencil-poc

POC of usage of the StencilJs for build web components
https://github.com/arrudadev/stencil-poc

angular nextjs reactjs stenciljs typescript vuejs

Last synced: 2 months ago
JSON representation

POC of usage of the StencilJs for build web components

Awesome Lists containing this project

README

          




POC of usage of the StencilJs for build web components


[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)

:pencil: About The Project


Stencil is a library for building reusable web components, this project was build to test web components with multiples javascript frameworks.

:computer: Technologies

This project was developed with the following technologies:

- [StencilJs](https://stenciljs.com/)
- [Turbo Repo](https://turbo.build/repo)

:runner: Getting Started


To run the project locally follow these steps:

:warning: Prerequisites

- [NodeJs](https://nodejs.org/en/) Prefer to install the LTS version.

:construction_worker: Installation


1. To clone the project, run this command:

```
git clone https://github.com/arrudadev/stencil-poc.git
```


2. Install dependencies:

```
npm install
```

:metal: Usage


1. Run the following command to start the application in a development environment:

```
npm run dev
```


3. Open the Apps into your browser in to test web components:

```
NextJs

http://localhost:3000
```

```
React + Vite

http://localhost:3001
```

```
Vue

http://localhost:3003
```

```
Angular

http://localhost:4200
```

```
Ember

http://localhost:4201
```

```
Vanilla Js

http://localhost:3002/
```

:page_facing_up: License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.