https://github.com/code4mk/react-vite-widget-sdk-template
A boilerplate for building React-based widget SDKs with Vite, designed for embedding via external scripts
https://github.com/code4mk/react-vite-widget-sdk-template
Last synced: 12 months ago
JSON representation
A boilerplate for building React-based widget SDKs with Vite, designed for embedding via external scripts
- Host: GitHub
- URL: https://github.com/code4mk/react-vite-widget-sdk-template
- Owner: code4mk
- Created: 2024-11-22T18:52:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-22T19:58:48.000Z (over 1 year ago)
- Last Synced: 2025-02-19T12:55:25.987Z (about 1 year ago)
- Language: TypeScript
- Size: 29.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-vite-widget-sdk-template
A boilerplate for building React-based widget SDKs with Vite, designed for embedding via external scripts
# Clone this repo
```bash
git clone https://github.com/code4mk/react-vite-widget-sdk-template.git
```
# Install dependencies
```bash
pnpm install
```
# Run the development server
```bash
pnpm run dev
```
# Build the production version
```bash
pnpm run build
```
```bash
build/
├── sdk-widget.css
└── sdk-widget.iife.js
```
# how to setup sdk widget as external script
```html
Widget Development
window.addEventListener('load', () => {
window.initSdkWidget({
company_name: 'company name',
company_slug: 'company slug',
additional_open_id: 'sdk_widget_button' // optional
});
});
```
---
💼 **Want to build your own widget (sdk)?**
📧 [hiremostafa@gmail.com](mailto:hiremostafa@gmail.com)
🚀 Available for hire