# Schnellstart (https://docs.pixl.lennox.zip/quickstart)

> Vom Login zum ersten Widget mit Live-Events

In vier Schritten vom leeren Dashboard zu einem Widget, das live auf deinen Stream reagiert.

<Steps>
<Step>

### Mit Twitch anmelden [#mit-twitch-anmelden]

Bei pixl meldest du dich mit deinem Twitch-Konto an, einen anderen Weg gibt es nicht. Danach brauchst du einen Kanal: Entweder du legst mit einem Einladungscode einen eigenen an, oder du nimmst eine [Einladung](/access#einladungen) an.

<LinkButton href="https://pixl.lennox.zip/login">Bei pixl anmelden</LinkButton>

</Step>
<Step>

### Twitch verbinden [#twitch-verbinden]

Unter **Einstellungen › Verbindungen** verbindest du deinen [Twitch-Kanal](/twitch). Ab dann landen Follows, Subs, Bits und mehr auf der Seite **Events**. Spenden über [StreamElements](/streamelements) verbindest du an derselben Stelle.

</Step>
<Step>

### API-Schlüssel erstellen [#api-schlüssel-erstellen]

Unter **API & SDK** legst du einen [Schlüssel](/sdk/api-keys) an. Kopier ihn dir direkt, er wird nur einmal angezeigt.

</Step>
<Step>

### SDK einbinden [#sdk-einbinden]

Ein Script-Tag und ein paar Zeilen reichen, zum Beispiel in einem StreamElements Custom Widget:

```html
<script src="https://pixl.lennox.zip/sdk/pixl.js"></script>
<script>
	const pixl = new Pixl({ key: "pixl_…" });
	pixl.feed({ since: "stream", types: ["twitch.follow"] }, (data) => {
		console.log(data.username, "folgt jetzt");
	});
</script>
```

Alles Weitere steht in der [SDK-Doku](/sdk).

</Step>
</Steps>