https://github.com/latipun7/webcomponents-webpack-ts
My personal webcomponents project with my personal webpack configurations 🧩📦
https://github.com/latipun7/webcomponents-webpack-ts
html5 scss typescript webcomponents webpack
Last synced: 2 months ago
JSON representation
My personal webcomponents project with my personal webpack configurations 🧩📦
- Host: GitHub
- URL: https://github.com/latipun7/webcomponents-webpack-ts
- Owner: latipun7
- License: mit
- Created: 2021-05-02T07:35:39.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2026-04-29T12:16:33.000Z (2 months ago)
- Last Synced: 2026-04-29T14:34:24.564Z (2 months ago)
- Topics: html5, scss, typescript, webcomponents, webpack
- Language: TypeScript
- Homepage: https://latipun7.github.io/webcomponents-webpack-ts
- Size: 17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: readme.md
- License: license
- Codeowners: .github/codeowners
Awesome Lists containing this project
README
# `webcomponents-webpack-ts 🎨`
[![Discord][discord-image]][discord-url]
[![GitHub Workflow Status][workflow-image]][workflow-url]
> **Webcomponents Template 🎨**
>
> Web Components template powered by Webpack, Typescript, and others 💪
## About
This project is the development of webcomponents-webpack-ts, my personal web components template for creating robust and native web app.
## Getting Started
Getting up and running is as easy.
1. Make sure have [LTS or latest nodeJS](https://nodejs.org/) and [yarn](https://www.npmjs.com/package/yarn) installed globally.
2. Clone this repository
```bash
git clone https://github.com/latipun7/webcomponents-webpack-ts.git
```
3. Install all project dependencies
```bash
cd path/to/webcomponents-webpack-ts
yarn install
```
4. Start development server
```bash
yarn dev
```
5. Build for production
```bash
yarn build
```
## Hacking to the Gate~! 🐱💻🎶
[MIT License](./license) © Latif Sulistyo
[discord-image]: https://img.shields.io/discord/758271814153011201?label=Developers%20Indonesia&logo=discord&style=flat-square
[discord-url]: https://discord.gg/njSj2Nq "Chat and discuss at Developers Indonesia"
[workflow-image]: https://img.shields.io/github/workflow/status/latipun7/webcomponents-webpack-ts/Continuous%20Integration%20and%20Continuous%20Delivery%20%E2%9A%99%F0%9F%9A%80?label=CI%2FCD&logo=github%20actions&style=flat-square
[workflow-url]: https://github.com/latipun7/webcomponents-webpack-ts/actions "GitHub Actions"