Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

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`.