Buy Me a Coffee

I made this primarily out of frustration with how outdated the official boilerplates are. It's meant to produce every type of extension by default. If you look at the source, I treat everything the same except for Config pages. To start developing your extension, install dependencies and edit "./src/components/App/App.jsx" or "./src/components/Config/Config.jsx".

When you are ready to use this with Twitch's DevRig, run yarn host. For local testing, use yarn start. To pack up for deployment, use yarn build to populate "./build". If you want to update the public folder without accidentally deleting your work, use yarn xfer To launch the backend, use yarn api.

Tests are coming soon.

Required Values

BACKEND_BASE_URI=http://localhost:4000/
BACKEND_PORT=4000
BACKEND_SECRET=anythingYouWantReally

https://localhost:8080/

{
    "mobile": "mobile.html",
    "panel": "panel.html",
    "videoOverlay": "video_overlay.html",
    "component": "video_component.html"
    "config": "config.html",
    "liveConfig": "live_config.html"
}

"backendCommand": "node api/app.js",
"backendFolderName": ANY,
"frontendCommand": "yarn host",
"frontendFolderName": ANY,
"usingRandomFrontendHostingPort": false