Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cdoremus/fresh-webcomponents
Demos how to use Web Components with Deno Fresh
https://github.com/cdoremus/fresh-webcomponents
deno denofresh webcomponents
Last synced: 3 months ago
JSON representation
Demos how to use Web Components with Deno Fresh
- Host: GitHub
- URL: https://github.com/cdoremus/fresh-webcomponents
- Owner: cdoremus
- Created: 2023-11-20T21:34:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-28T02:29:34.000Z (9 months ago)
- Last Synced: 2024-05-28T12:18:17.927Z (9 months ago)
- Topics: deno, denofresh, webcomponents
- Language: JavaScript
- Homepage: https://fresh-webcomponents.deno.dev/
- Size: 313 KB
- Stars: 6
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deno Fresh Web Components Demo
This repo demos the use of native Web Components with [Deno Fresh](https://fresh.deno.dev).
### Usage
Make sure to install Deno: https://deno.land/manual/getting_started/installation
Start the project:
```
deno task dev
```The `dev` task runs a build that uses `esbuild` to convert the TypeScript files to JavaScript and bundles all files in the `components/wc` folder into the `static/wc/wc.esm.js` file and then starts the Fresh server.
When you update files in `components/wc`, you need to stop the server and run ```deno task dev``` again to rebuild the web component files.
Deployment to Deno Deploy is done via the `deploy.yml` file in `.github/workflows`.