Skip to main content
Twitch is a live streaming platform focused on gaming, creative content, and real-time community interaction. The Twitch connector lets your Lovable app access Twitch API so you can power stream overlays, dashboards, and community tools that react to what is happening on a channel. With Twitch, your app can:
  • Display live chat from a Twitch channel
  • Show follower and subscriber counts
  • Track custom goals such as follower or subscription milestones
  • Look up stream status, viewer counts, and channel metadata
  • Retrieve clips, schedules, and channel information
  • Send chat messages to a Twitch channel
  • Search channels, games, and categories
Twitch is a good fit when your app lives alongside a stream. Examples include overlays, moderation tools, event dashboards, and creator analytics apps.

​
Common use cases and example apps

​
How Twitch connections work

Twitch uses OAuth 2.0 for authentication. When you connect Twitch, you authorize Lovable to access Twitch on behalf of the authenticated account. Twitch uses Lovable’s gateway architecture for secure OAuth handling and automatic token refresh. See Gateway-based connectors for details on authentication and usage limits. Each Twitch connection is tied to one Twitch account. You can create multiple connections if needed. For example, you might connect separate accounts for development, production, or different creators.

​
How to connect Twitch

Workspace admins and owners can connect Twitch. When the connection is created, Twitch becomes available across all projects in the workspace.

​
Prerequisites

Before connecting Twitch, make sure you have:
  • A Twitch account
  • A Lovable workspace admin or owner role

​
Step 1: Choose the account to connect

Your connection uses a Twitch account directly. No developer application or API key is required. Make sure the connected account has the permissions required for your use case. For example:
  • To read follower data, the account must have moderator access for the channel.
  • To send chat messages, the account must have permission to post in the channel.
  • To access subscription data, the connected account must be the channel owner.
For most overlay setups, connecting the streamer’s own account provides the broadest access.

​
Step 2: Connect Twitch to Lovable

  1. Open Connectors → App connectors and select Twitch.
  2. Click Add connection.
  3. In Display name, enter a name for the connection. For example Twitch Production.
  4. Configure scopes (optional) Expand Advanced settings to configure the Twitch API permissions your app needs. Default scopes include:
    • user:read:email — View the account’s email
    • channel:read:subscriptions — View channel subscription data
    • moderator:read:followers — View follower data for moderated channels
    • user:write:chat — Send messages to Twitch chat
    Additional scopes are available for features such as clips management, predictions, polls, analytics, and channel points. Only enable the scopes your app needs. You can update scopes later by editing the connection and selecting Reconnect. For the full list of scopes, see the Twitch OAuth scope reference.
  5. Click Connect. A Twitch authorization window will open. Make sure pop-ups are allowed.
  6. Log in to Twitch, review the requested permissions, and click Authorize.
Once authorization is complete, the connection will appear in Lovable and your apps can begin using Twitch data.

​
Limitations

The Twitch connector currently cannot:
  • Read Twitch chat in real time through the gateway
    Twitch chat uses IRC over WebSocket, which cannot be proxied through the Lovable gateway.     To read chat messages, your app must connect directly to Twitch’s chat endpoint: wss://irc-ws.chat.twitch.tv Reading public chat does not require authentication. Sending chat messages through the Twitch API does require authentication.
  • Receive EventSub webhooks
    Incoming Twitch events such as stream start notifications or follow events are not currently supported.
  • Support per-user Twitch login
    Each connection authenticates a single Twitch account. End users of your app cannot connect their own Twitch accounts through this connector.
Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to manage.
3

Select projects

Under Linked projects, check the projects you want to unlink.
4

Confirm

Click Unlink projects and confirm.
When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

​
How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.
Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to remove.
3

Review linked projects

Review the Linked projects section.
4

Delete

Under Delete this connection, click Delete and confirm.