https://github.com/embeddable-hq/web-component-example
A simple example of how to Embed the Embeddable.com web component in your site
https://github.com/embeddable-hq/web-component-example
embeddable example-project react-web-component vue-web-component-wrapper web-components
Last synced: about 2 months ago
JSON representation
A simple example of how to Embed the Embeddable.com web component in your site
- Host: GitHub
- URL: https://github.com/embeddable-hq/web-component-example
- Owner: embeddable-hq
- License: mit
- Created: 2024-02-06T13:25:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-11-24T10:55:43.000Z (4 months ago)
- Last Synced: 2025-11-27T23:16:59.194Z (4 months ago)
- Topics: embeddable, example-project, react-web-component, vue-web-component-wrapper, web-components
- Language: JavaScript
- Homepage:
- Size: 472 KB
- Stars: 1
- Watchers: 4
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# em-beddable Web Component Example
A simple example of how to Embed the Embeddable.com Web Component in your website.
There are currently 5 examples in this repository:
- [HTTP server with html response](http-server/README.md)
- [simple React.js example](static-react/README.md)
- [React.js using "Create React App"](client-react/README.md)
- [Angular](client-angular/README.md)
- [Vue](client-vue/README.md)
Also includes a simple node server that uses the [tokens API](https://docs.embeddable.com/deployment/tokens-api).
## Prerequisites
Most examples require [Node.js](https://nodejs.org) version 20 or newer to be installed.
## Steps
1. clone or download this repository
2. choose an example, and follow the README file contained in it
## Token Server
Two examples, `client-react` and `client-vue`, require the
token server included in this repository to be running.
### Token Server Steps
1. click "Publish" on your Embeddable dashboard to get your `API_KEY`
2. update `token-server/.env` to use your `API_KEY`, and optionally set the `USER_KEY`
3. set the `BASE_URL`, and optionally the `SECURITY_CONTEXT` in `token-server/index.js`
4. run `npm i` to install dependencies
5. run `npm run token-server`
6. follow the instructions in the `client-*` folder to run a client